<template>
  <div class="wrapper boxswrap">
    <header-nav :index_num="index_num"></header-nav>
    <div id="box">
      <!-- 导航 -->
      <div class="top">
        <div class="span">
          <span @click="btn(0)" :class="sub == 0 ? 'style' : ''" style="cursor:pointer">项目进度</span>
          <span @click="btn(1)" :class="sub == 1 ? 'style' : ''" style="cursor:pointer">项目信息</span>
          <span
            @click="btn(3)"
            :class="sub == 3 ? 'style' : ''"
            v-if="bgData"
            style="cursor:pointer"
          >项目优化</span>
          <span
            @click="btn(2)"
            :class="sub == 2 ? 'style' : ''"
            v-if="bgData"
            style="cursor:pointer"
          >项目执行信息</span>
        </div>
        <div class="daochu" v-if="sub == 1" @click="download()">项目导出</div>
      </div>
      <!-- 进度 -->
      <!-- <div class="img" v-if="sub == 0">
        <img :src="imgUrl.tg" v-if="state == 0" />
        <img :src="imgUrl.btg" v-if="state == 1" />
        <img :src="imgUrl.shz" v-if="state == 2" />
        <img :src="imgUrl.zxz" v-if="state == 3" />
      </div>-->
      <!-- 项目流程 -->
      <div class="bobb" v-if="sub == 0">
        <div>
          <div class="left">
            <div class="time">
              <template v-for="(time, index) in zDate.date">
                <span v-if="index < 5" :key="index">{{ time }}</span>
              </template>
            </div>
            <div class="jdt">
              <!-- 已申报 -->
              <div v-for="(i,j) in zDate" :key="j">
                <img class="sx0" :src="imgUrl1.sx0" alt />
                <img class="d0" :src="imgUrl1.d1" v-if="i.type" />
                <img class="d1" :src="imgUrl1.d0" v-else />
              </div>
              <!-- <div>
              <img class="sx1" :src="imgUrl.sx0" alt />
              <img class="d0" :src="imgUrl.d0" v-if="zDate.type" />
              <img class="d1" :src="imgUrl.d1" v-else />
            </div>
                <div>
              <img class="sx1" :src="imgUrl.sx0" alt />
              <img class="d0" :src="imgUrl.d0" v-if="zDate.type" />
              <img class="d1" :src="imgUrl.d1" v-else />
            </div>
                <div>
              <img class="sx1" :src="imgUrl.sx0" alt />
              <img class="d0" :src="imgUrl.d0" v-if="zDate.type" />
              <img class="d1" :src="imgUrl.d1" v-else />
              </div>-->

              <!-- 审核中 -->
              <!-- <img class="sx1" :src="imgUrl.sx1" alt />
            <img class="d0" :src="imgUrl.d0" v-if="zDate.type" />
              <img class="d1" :src="imgUrl.d1" v-else />-->
              <!-- 审核通过 -->
              <!-- <img class="sx1" :src="imgUrl.sx1" alt />
            <img class="d0" :src="imgUrl.d0" v-if="zDate.type" />
              <img class="d1" :src="imgUrl.d1" v-else />-->
              <!-- 评审中 -->
              <!-- <img class="sx1" :src="imgUrl.sx1" alt />
            <img class="d0" :src="imgUrl.d0" v-if="zDate.type" />
              <img class="d1" :src="imgUrl.d1" v-else />-->
              <!-- 评审通过 -->
              <!-- <img class="sx1" :src="imgUrl.sx1" alt />
            <img class="d0" :src="imgUrl.d0" v-if="zDate.type" />
              <img class="d1" :src="imgUrl.d1" v-else />-->
              <!-- end -->
              <img :src="imgUrl1.sx1" alt style="width:3px;height:61px;border" />
            </div>
            <div class="bb">
              <div class="o" v-for="(i,j) in zDate" :key="j">
                <span>{{i.string}}</span>
                <img class="oo" :src="imgUrl1.d0" alt />
              </div>
              <!-- <div>
              <span>初筛审核中</span>
              <img class="oo" :src="imgUrl.d0" alt />
            </div>
            <div class="div-v">
              <span>初筛审核通过</span>
              <img class="oo" :src="imgUrl.d0" alt />
              <section v-if="zDate.type === 5">
                <span style="color:#e60012;font-size:20px;">总分: {{ zDate.score }}分</span>
                <span style="color:#999;font-size:16px;">（及格分数: 70）</span>
              </section>
            </div>
            <div>
              <span>立项评审中</span>
              <img class="oo" :src="imgUrl.d0" alt />
            </div>
            <div>
              <span>立项评审通过</span>
              <img class="oo" :src="imgUrl.d0" alt />
              <section v-if="zDate.type === 10">
                <span style="color:#e60012;font-size:20px;">总分: {{ zDate.score }}分</span>
                <span style="color:#999;font-size:16px;">（及格分数: 70）</span>
              </section>
              </div>-->
            </div>
          </div>
        </div>
        <!-- v-if="status==10" -->
        <div class="newButton" v-if="status==10">
          <button type="primary" class="newBtn" @click="hreftwo" style="cursor:pointer">创建项目执行信息</button>
        </div>
        <div class="right" style="width:675px">
          <!-- <p>项目流程说明</p>
          <ul>
            <li v-for="(list,index) in text" :key="index">{{list}}</li>
          </ul>-->
          <img :src="imgUrl1.xd" style="width:535px;height:698px;" />
        </div>
      </div>

      <!-- 项目信息 -->
      <div class="boxx" v-if="sub == 1" :class="popupStatus == true ? 'fliter' : ''" id="pdfDom" style="overflow: hidden;">
        <div style="margin-right: 70px;margin-top: 30px;display:flex;flex-direction:column;align-items:flex-end">
          <div style="display:flex;padding-bottom: 15px;align-items:center">
            <!-- <el-button size="small" type="primary" v-if="!executio.promise">上传</el-button> -->
            <span class="addN">项目申报书:</span>
            <span v-if="shili20">
              <span
              :title="shili20?shili20.split('_')[0]+'.'+(shili20.split('_')[0].includes('.')?'':shili20.split('.')[1]):'未上传'"
              >{{shili20?shili20.split('_')[0].substring(0,15)+'.'+(shili20.split('_')[0].includes('.')?'':shili20.split('.')[1]):"未上传"}}</span>
              <!-- <a :href="executio.promise" download>下载</a> | -->
              <a
                :href="shili20url"
                target="_blank"
                class="yulan"
                style="color:#000FFF"
                v-if="down20"
              >{{shili20.split('.')[1]=="jpg"||shili20.split('.')[1]=="pdf"||shili20.split('.')[1]=="jpeg"||shili20.split('.')[1]=="png"?'预览':'下载'}}</a>
            </span>
                <span style="display:flex" v-if="!shili20">
              <el-upload
                class="avatar-uploader"
                :action="$upload"
                :show-file-list="false"
                :on-success="handlesuccess20"
                :before-upload="beforeAvatarUpload"
                :http-request="uploadfile20"
                accept=".doc,.docx,.pdf"
              >
                  <el-button size="small"  type="primary">点此上传</el-button>
              </el-upload>

            </span>

            <el-button size="small"  type="primary" style="margin-left:10px" @click="delete20" v-if="show20">删除</el-button>
            <el-button size="small" v-if="show20" type="primary" @click="save20">提交</el-button>
          </div>
          <div style="display:flex;align-items:center">
            <!-- <el-button size="small" type="primary" v-if="!executio.promise">上传</el-button> -->
            <span class="addN">项目实施方案:</span>
            <span v-if="shili21">
              <span :title="shili21?shili21.split('_')[0]+'.'+(shili21.split('_')[0].includes('.')?'':shili21.split('.')[1]):'未上传'">{{shili21?shili21.split('_')[0].substring(0,15)+'.'+(shili21.split('_')[0].includes('.')?'':shili21.split('.')[1]):"未上传"}}</span>
              <!-- <a :href="executio.promise" download>下载</a> | -->

              <a
                :href="shili21url"
                target="_blank"
                class="yulan"
                style="color:#000FFF"
                v-if="down21"
              >{{shili21.split('.')[1]=="jpg"||shili21.split('.')[1]=="pdf"||shili21.split('.')[1]=="jpeg"||shili21.split('.')[1]=="png"?'预览':'下载'}}</a>
            </span>
                <span style="display:flex" v-if="!shili21">
              <el-upload
                class="avatar-uploader"
               :action="$upload"
                :show-file-list="false"
                :on-success="handlesuccess21"
                :before-upload="beforeAvatarUpload"
                :http-request="uploadfile21"
                accept=".doc,.docx,.pdf"
              >
                  <el-button size="small"  type="primary">点此上传</el-button>
              </el-upload>

            </span>

            <el-button size="small"  type="primary" style="margin-left:10px" @click="delete21" v-if="show21">删除</el-button>
            <el-button size="small" v-if="show21" type="primary" @click="save21">提交</el-button>
          </div>
        </div>
<h3 class="title1" style="margin-top:10px">一、基本信息</h3>
        <div class="one-o">
          <ul>
            <li>项目名称：{{ zData.name }}</li>
            <li>项目申报单位：{{ zData.company }}</li>
            <li>项目类型：{{ zData.tid }}</li>
            <li>项目落地区域：{{ zData.rid }}</li>
            <li>一级项目方向：{{ zData.first_level }}</li>
            <li>二级项目方向：{{ zData.secondary }}</li>
            <li>三级项目方向：{{ zData.fieldeara }}</li>
            <li>项目有效期: {{ zData.aterm + "至" + zData.fterm }}</li>
            <li>项目服务领域：{{ zData.attribute }}</li>
            <li>通讯地址：{{ zData.postaladdress }}</li>
            <li>电子信箱：{{ zData.pmail }}</li>
            <li>申报单位属性：{{ zData.fax_tel }}</li>
            <li>邮政编码：{{ zData.postalcode }}</li>
          </ul>
          <ul>
            <li>法定代表人：{{ zData.plegal }}</li>
            <li>法人代码：{{ zData.plcode }}</li>
            <li>负责人姓名：{{ zData.pname }}</li>
            <li>职务：{{ zData.poster }}</li>
            <li>办公电话：{{ zData.poffice_tel }}</li>
            <li>手机：{{ zData.aphone }}</li>
            <li>联系人姓名：{{ zData.cname }}</li>
            <li>职务：{{ zData.cpost }}</li>
            <li>办公电话：{{ zData.coffice_tel }}</li>
            <li>手机：{{ zData.cphone }}</li>
          </ul>
          <ul>
            <li>项目主责单位：{{ zData.prespo }}</li>
            <li>通讯地址：{{ zData.respoadd }}</li>
            <li>邮政编码：{{ zData.respopcode }}</li>
            <li>传真电话：{{ zData.respophone }}</li>
            <li>电子信箱：{{ zData.respomail }}</li>
            <li>负责人姓名：{{ zData.respopname }}</li>
            <li>职务：{{ zData.respopost }}</li>
            <li>手机：{{ zData.respoptel }}</li>
            <li>办公电话：{{ zData.respoophone }}</li>
            <li>负责人姓名：{{ zData.respocname }}</li>
            <li>职务：{{ zData.respocpost }}</li>
            <li>办公电话：{{ zData.respocophone }}</li>
            <li>手机：{{ zData.respoctel }}</li>
          </ul>
        </div>
        <h3 class="title1">二、申报单位简介</h3>
        <div class="one-e">
          <p v-html="zData.decldes">{{ zData.decldes }}</p>
        </div>
        <h3 class="title1">三、项目简介</h3>
        <div class="one-e">
          <p v-html="zData.prodes">{{ zData.prodes }}</p>
        </div>
        <h3 class="title1">四、项目论证</h3>
        <h4>(一) 项目实施的必要性、可行性</h4>
        <div class="one-e">
          <p v-html="zData.prodemo">{{ zData.prodemo }}</p>
        </div>
        <h4>(二) 项目实施的已有基础、具体方法和途径及进度安排、预期效果及完成时间</h4>
        <h5>1.项目实施的已有基础</h5>
        <div class="one-e">
          <p v-html="zData.prodemojc">{{ zData.prodemojc }}</p>
        </div>
        <h5>2.具体方法和途径</h5>
        <div class="one-e">
          <p v-html="zData.prodemotj">{{ zData.prodemotj }}</p>
        </div>
        <h5>3.进度安排</h5>
        <div class="one-e">
          <p v-html="zData.prodemojd">{{ zData.prodemojd }}</p>
        </div>
        <h5>4.预期效果</h5>
        <div class="one-e">
          <p v-html="zData.prodemoxg">{{ zData.prodemoxg }}</p>
        </div>
        <h5>5.项目团队及分工</h5>
        <div class="one-e">
          <p v-html="zData.prodemofg">{{ zData.prodemofg }}</p>
        </div>
        <h4>(三) 项目实施涵盖范围、实施规模、服务人群，创新之处等</h4>
        <div class="one-e">
          <p v-html="zData.prodemotwo">{{ zData.prodemotwo }}</p>
        </div>
        <h3 class="title1">五、经费预算</h3>
        <div id="one_e" v-html="zData.funds" style="margin-left:30px;width:1081px">{{ zData.funds }}</div>
        <h3 class="title1" style="font-size:20px">六、申报单位承诺</h3>
        <div class="one-e">
          <p>{{ msg }}</p>
        </div>
        <h3 class="title1" style="font-size:20px">七、项目主责单位意见</h3>
        <div
          class="xxxx"
          style="width:300px;margin-top:30px;position:relative;right:43px;top:-39px"
        >
          <!-- <p
            class="yulantext"
            v-if="dataFile.length != 0"
            @click="yulana1(dataFile[0])"
            style="left:546px;top:36px;width:40px"
          >预览</p>-->
          <template>
            <el-upload
              class="upload-demo"
              :action="$upload"
              :on-preview="handlePreview"
              :on-success="successUpload"
              multiple
              :limit="10"
              :on-exceed="handleExceed"
              :file-list="dataFile"
              style="margin-left:282px"
            >
              <!-- <el-button size="small" type="primary">上传文件</el-button> -->
              <!-- <span slot="tip" class="el-upload__tip">只能上传一张不同的图片</span> -->
            </el-upload>
          </template>
        </div>
        <!-- <div class="one-e">
          <p>
            <span>
              <a :href="dataFile[0].url" :download="dataFile[0].name">
                <span>下载</span>
              </a>
              <a
                 @click="downloadTxt(zData.proimages,'fileName')"
              >
                <span>下载</span>
              </a>
              &nbsp;|&nbsp;
              <span @click="preview()">预览</span>
            </span>
          </p>
        </div>-->
      </div>
      <div v-if="sub == 3">
        <div class="wrapper">
          <div id="box1">
            <h3 style="line-height:62px">项目信息优化</h3>
            <!-- 导航 -->
            <div class="box">
              <div
                :class="sub1 == 0 ? 'color' : ''"
                :style="{
            'background-image':
              sub1 == 0 ? 'url(' + imgUrl.bg0 + ')' : 'url(' + imgUrl.bg1 + ')'
          }"
              >1 填写基本信息</div>
              <div
                :class="sub1 == 1 ? 'color' : ''"
                :style="{
            'background-image':
              sub1 == 1 ? 'url(' + imgUrl.bg0 + ')' : 'url(' + imgUrl.bg1 + ')'
          }"
              >2 填写详细信息</div>
            </div>
            <div style="margin-left:15px;display:flex">
              <span style="font-weight:bold;margin-left:31px;margin-bottom:27px">项目状态：</span>
              <span v-if="bgData.status==1" style="color:red">已提交</span>
              <span v-if="bgData.status==2" style="color:red">已保存</span>
              <span v-if="bgData.status==3" style="color:red">已驳回</span>
              <span v-if="bgData.status==4" style="color:red">已通过</span>
            </div>

            <!-- <form action method enctype="multipart/form-data" onsubmit="return false">
              <div v-show="sub1 == 0">
            <h4>一、基本信息</h4>-->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>项目名称:</label>
                    <input type="text" name="name" v-model="bgData.name" required />
                  </div>
                  <div style="display:flex">
                    <label>项目申报单位:</label>
                    <input
                      type="text"
                      name="company"
                      v-model="bgData.company"
                      value
                      disabled
                      required
                    />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>项目类别:</label>
                    <select name="tid" v-model="tid">
                      <template v-for="(type, index) in types">
                        <option :key="index" :value="index">{{ type }}</option>
                      </template>
                    </select>
                  </div>
                  <div style="display:flex;position:relative;left:38px">
                    <label>项目落地区域:</label>
                    <select name="rid" v-model="rid">
                      <template v-for="(list, index) in area">
                        <option :key="index" :value="index">{{ list }}</option>
                      </template>
                    </select>
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex;position:relative;right:29px">
                    <label>一级项目方向:</label>
                    <select name="rid" v-model="first_level">
                      <template v-for="(list, index) in first_levels">
                        <option :key="index" :value="index">{{ list }}</option>
                      </template>
            </select>-->
            <!-- <input type="text" name="first_level" v-model="first_level" value required /> -->
            <!-- </div>
                  <div style="display:flex">
                    <label>二级项目方向:</label>
                    <input type="text" name="secondary" v-model="secondary" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex;position:relative;right:29px">
                    <label>项目服务领域:</label>
                    <input type="text" name="fieldeara" v-model="fieldeara" value required />
                  </div>
                  <div style="display:flex">
                    <label>申报单位属性:</label>
                    <input type="text" name="attribute" v-model="attribute" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>申请日期:</label>
                    <input type="date" name="aterm" v-model="aterm" value required />
                  </div>
                  <div style="display:flex">
                    <label>截止日期:</label>
                    <input type="date" name="fterm" v-model="fterm" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>通讯地址:</label>
                    <input type="text" name="postaladdress" v-model="postaladdress" value required />
                  </div>
                  <div style="display:flex">
                    <label>邮政编码:</label>
                    <input type="text" name="postalcode" v-model="postalcode" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>电子邮箱:</label>
                    <input type="text" name="pmail" v-model="pmail" value required />
                  </div>
                  <div style="display:flex">
                    <label>传真电话:</label>
                    <input type="text" placeholder="非必填" name="fax_tel" v-model="fax_tel" value />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex;position:relative;right:15px">
                    <label>法定代表人:</label>
                    <input type="text" name="plegal" v-model="plegal" value required />
                  </div>
                  <div style="display:flex">
                    <label>统一社会信用代码:</label>
                    <input type="text" name="plcode" v-model="plcode" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <section>
                  <div style="display:flex">
                    <label>负责人姓名:</label>
                    <input class="i" type="text" name="pname" v-model="pname" value required />
                  </div>
                  <div style="display:flex">
                    <label>职务:</label>
                    <input class="i" type="text" name="poster" v-model="poster" value required />
                  </div>
                  <div style="display:flex">
                    <label>办公电话:</label>
                    <input
                      class="i"
                      type="text"
                      name="poffice_tel"
                      v-model="poffice_tel"
                      value
                      required
                    />
                  </div>
                  <div style="display:flex">
                    <label>手机:</label>
                    <input class="i" type="text" name="aphone" v-model="aphone" value required />
                  </div>
            </section>-->
            <!-- end -->
            <!-- <section>
                  <div style="display:flex">
                    <label>联系人姓名:</label>
                    <input class="i" type="text" name="cname" v-model="cname" value required />
                  </div>
                  <div style="display:flex">
                    <label>职务:</label>
                    <input class="i" type="text" name="cpost" v-model="cpost" value required />
                  </div>
                  <div style="display:flex">
                    <label>办公电话:</label>
                    <input
                      class="i"
                      type="text"
                      name="coffice_tel"
                      v-model="coffice_tel"
                      value
                      required
                    />
                  </div>
                  <div style="display:flex">
                    <label>手机:</label>
                    <input class="i" type="text" name="cphone" v-model="cphone" value required />
                  </div>
            </section>-->
            <!-- end -->
            <!-- <div class="btn" @click="next(1)">下一页</div>
            </div>-->
            <!-- <div v-show="sub1 == 1"> -->
            <!-- <div class="cc">
                  start
                  <aside>
                    <div>
                      <label>项目主责单位:</label>
                      <input class="i-i" type="text" name="prespo" v-model="prespo" value required />
                    </div>
                  </aside>
                  end
                  start
                  <aside>
                    <div>
                      <label>通讯地址:</label>
                      <input type="text" name="respoadd" v-model="respoadd" value required />
                    </div>
                    <div>
                      <label>邮政编码:</label>
                      <input type="text" name="respopcode" v-model="respopcode" value required />
                    </div>
                  </aside>
                  end
                  start
                  <aside>
                    <div>
                      <label>电子邮箱:</label>
                      <input type="text" name="respomail" v-model="respomail" value required />
                    </div>
                    <div>
                      <label>传真电话:</label>
                      <input
                        type="text"
                        placeholder="非必填"
                        name="respophone"
                        v-model="respophone"
                        value
                      />
                    </div>
                  </aside>
                  end
                  start
                  <section>
                    <div>
                      <label>负责人姓名:</label>
                      <input
                        class="i"
                        type="text"
                        name="respopname"
                        v-model="respopname"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>职务:</label>
                      <input
                        class="i"
                        type="text"
                        name="respopost"
                        v-model="respopost"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>办公电话:</label>
                      <input
                        class="i"
                        type="text"
                        name="respoophone"
                        v-model="respoophone"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>手机:</label>
                      <input
                        class="i"
                        type="text"
                        placeholder="非必填"
                        name="respoptel"
                        v-model="respoptel"
                        value
                      />
                    </div>
                  </section>
                  end
                  <section>
                    <div>
                      <label>联系人姓名:</label>
                      <input
                        class="i"
                        type="text"
                        name="respocname"
                        v-model="respocname"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>职务:</label>
                      <input
                        class="i"
                        type="text"
                        name="respocpost"
                        v-model="respocpost"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>办公电话:</label>
                      <input
                        class="i"
                        type="text"
                        name="respocophone"
                        v-model="respocophone"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>手机:</label>
                      <input
                        class="i"
                        type="text"
                        placeholder="非必填"
                        name="respoctel"
                        v-model="respoctel"
                        value
                      />
                    </div>
                  </section>
                  end
            </div>-->
            <!-- <div>
                  <div class="xx">
                    <h5>二、申报单位简介</h5>
                    <div class="rich">
                      <aboutUs @aboutUs="aboutUs" :aboutUsVal="aboutUsVal"></aboutUs>
                    </div>
            </div>-->
            <!-- <div class="xx"> -->
            <!-- <h5>三、项目简介</h5>
                    <div class="rich">
                      <ProjectBrief @projectBrief="projectBrief" :projectBriefVal="projectBriefVal"></ProjectBrief>
                    </div>
                  </div>
                  <div class="xx">
                    <h5>四、项目论证</h5>
                    <h3>(一) 项目实施的必要性、可行性</h3>
                    <div class="rich">
                      <ProjectAssessment
                        @projectAssessment="projectAssessment"
                        :projectAssessmentVal="projectAssessmentVal"
                      ></ProjectAssessment>
            </div>-->
            <!-- <h3>
                      (二)
                      项目实施的已有基础、具体方法和途径及进度安排、预期效果及完成时间
                    </h3>
                    <p>1.项目实施的已有基础</p>
                    <article>〔说明：包括但不限于项目实施已有的相关经验或有助于项目实施的资源支持等。〕</article>
                    <div class="rich">
                      <ExistingBasis
                        @existingBasis="existingBasis"
                        :existingBasisVal="existingBasisVal"
                      ></ExistingBasis>
                    </div>
                    <p>2.具体方法和途径</p>
                    <article>〔说明：包括项目实施的具体方式、途径。明确项目的具体组成内容（子项目、各类服务等），每类、每次活动的具体内容、形式、对象、次数、人数等。〕</article>
                    <div class="rich">
                      <MethodsWay @methodsWay="methodsWay" :methodsWayVal="methodsWayVal"></MethodsWay>
                    </div>
                    <p>3.进度安排</p>
                    <article>〔说明：可单独作为一部分，也可与“具体方法和途径”一并细化到子项目中说明。建议时间单元为月，不建议简单表述为“年内”、“上半年”、“下半年”、“第*季度”等。〕</article>
                    <div class="rich">
                      <scheduling @scheduling="scheduling" :schedulingVal="schedulingVal"></scheduling>
                    </div>
                    <p>4.预期效果</p>
                    <article>〔说明：具体明确项目实施所要达到的目标或预期的效果。〕</article>
                    <div class="rich">
                      <DesiredEffect
                        @desiredEffect="desiredEffect"
                        :desiredEffectVal="desiredEffectVal"
                      ></DesiredEffect>
                    </div>
                    <p>5.项目团队及分工</p>
                    <article>〔说明：包括项目实施的组织管理机构组成，各子项目或各项服务活动的具体承接单位和负责人，各有关协作单位等。要把可能引起转包怀疑的所有事项交代清楚，避免在检查、审计和评估中产生误解。〕</article>
                    <div class="rich">
                      <DivisionLabor
                        @divisionLabor="divisionLabor"
                        :divisionLaborVal="divisionLaborVal"
                      ></DivisionLabor>
            </div>-->
            <!-- <h3>(三) 项目实施涵盖的范围、实施的规模、服务的人群，创新之处等</h3>
                    <div class="rich">
                      <cover @cover="cover" :coverVal="coverVal"></cover>
                    </div>
                  </div>
                  <div class="xx">
                    <h5>五、经费预算</h5>
                    <div class="rich">
                      <RichTextOne @quillVal="quillVal" :initialTextVal="initialTextVal"></RichTextOne>
                    </div>
                  </div>
                  <div class="xxx">
                    <h5>六、申报单位承诺</h5>
                    <div class="plpl" style="margin-top:32px;">
                      <span
                        @click="thf()"
                        :class="thff ? 'ic' : ''"
                        class="iconfont icon-fuxuankuang_xuanzhong"
                      ></span>
                      <label>我们确认项目申报内容的真实性,并愿意承担相应的责任</label>
                    </div>
                  </div>

                  <div class="xxx">
                    <h5>七、项目主责单位意见</h5>
                    <div class="xxxx">
                      <template>
                        <el-upload
                          class="upload-demo"
                          :action="$upload"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :on-success="successUpload"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="10"
                          :on-exceed="handleExceed"
                          :file-list="fileLists"
                        >
                          <el-button size="small" type="primary">上传文件</el-button>
                          <span slot="tip" class="el-upload__tip">只能上传一张不同的图片</span>
                        </el-upload>
                      </template>
            </div>-->
            <!-- <div class="mid_box">
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl" :src="imageUrl" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>-->
            <!-- <p class="box1">上传项目申报书</p> -->
            <!-- <p class="box1">{{filename?filename:''}}</p>
                          <p class="box1" style="font-weight:bold">
                            上传项目申报书
                            <span style="font-size:10px;color:red;postion:relative;top:-3px;font-weight:bold">*</span>
                            </p>
            </div>-->

            <!--文件上传-->
            <!-- </template>
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess1"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl1" :src="imageUrl1" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>-->
            <!-- <p class="box1">上传实施方案</p> -->
            <!-- <p class="box1">{{filename1?filename1:''}}</p>
                          <p class="box1" style="font-weight:bold">
                            上传实施方案
                            <span style="font-size:10px;color:red;postion:relative;top:-3px;font-weight:bold">*</span>
                            </p>
            </div>-->

            <!--文件上传-->
            <!-- </template>
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess2"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl2" :src="imageUrl2" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>-->
            <!-- <p class="box1">上传立项批复文件</p> -->
            <!-- <p class="box1">{{filename2?filename2:''}}</p>
                          <p class="box1" style="font-weight:bold">上传立项批复文件</p>
            </div>-->
            <!--文件上传-->
            <!-- </template>
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess3"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl3" :src="imageUrl3" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                          </el-upload>
            <p class="box1">上传项目合同</p>-->
            <!-- <p class="box1">{{filename3?filename3:''}}</p>
                          <p class="box1" style="font-weight:bold">上传项目合同</p>
            </div>-->

            <!--文件上传-->
            <!-- </template>
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess4"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl4" :src="imageUrl4" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>-->
            <!-- <p class="box1">上传服务承诺书</p> -->
            <!-- <p class="box1">{{filename4?filename4:''}}</p>
                          <p class="box1" style="font-weight:bold">上传服务承诺书</p>
            </div>-->

            <!--文件上传-->
            <!-- </template>
                    </div>
                  </div>
                </div>
                <div class="ll">
                  <button type="button" @click="next(0)">上一页</button>
                  <button type="button" @click="submit(0)">保存</button>
                  <button type="submit" @click="submit(1)">提交</button>
                </div>
              </div>
            </form>-->

            <el-form
              :model="ruleForm"
              :rules="rules"
              ref="ruleForm"
              label-width="150px"
              class="demo-ruleForm"
              v-show="sub1 == 0"
              style="padding-bottom:14px"
            >
              <div style="display:flex">
                <el-form-item label="项目名称" prop="name" :error="errorMsg">
                  <el-input v-model="ruleForm.name" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="项目申报单位" prop="company">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.company" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <div style="display:flex;">
                <el-form-item label="项目类别" prop="tid" style="margin-right:132px">
                  <el-select
                    v-model="ruleForm.tid"
                    placeholder="请选择活动区域"
                    @change="change"
                    :disabled="ifupdate"
                  >
                    <el-option
                      v-for="(type, index) in types"
                      :key="index"
                      :label="type"
                      :value="index"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="项目落地区域" prop="rid">
                  <!-- ruleForm.region -->
                  <el-select
                    v-model="ruleForm.rid"
                    placeholder="请选择活动区域"
                    @change="change1"
                    :disabled="ifupdate"
                  >
                    <el-option
                      v-for="(list, index) in area"
                      :key="index"
                      :label="list"
                      :value="index"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </div>
              <div style="display:flex">
                <el-form-item label="一级项目方向" prop="first_level" style="margin-right:132px">
                  <el-select
                    v-model="ruleForm.first_level"
                    placeholder="请选择活动区域"
                    @change="change2"
                    :disabled="ifupdate"
                  >
                    <el-option
                      v-for="(list, index) in first_levels"
                      :key="index"
                      :label="list"
                      :value="index"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="二级项目方向" prop="secondary">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.secondary" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <div style="display:flex">
                <el-form-item label="三级项目方向" prop="fieldeara">
                  <el-input v-model="ruleForm.fieldeara" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="项目服务领域" prop="attribute">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.attribute" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <div style="display:flex">
                <el-col :span="11">
                  <el-form-item label="申请日期" prop="aterm" required style="margin-right:25px">
                    <el-date-picker
                      type="date"
                      placeholder="选择日期"
                      v-model="ruleForm.aterm"
                      style="width: 70%"
                      :disabled="ifupdate"
                    ></el-date-picker>
                  </el-form-item>
                </el-col>
                <!-- <el-col class="line" :span="2">-</el-col> -->
                <el-col :span="11">
                  <el-form-item prop="fterm" label="截止日期" style="position:relative;right:23px">
                    <el-date-picker
                      type="date"
                      placeholder="选择日期"
                      v-model="ruleForm.fterm"
                      style="width: 70%;"
                      :disabled="ifupdate"
                    ></el-date-picker>
                  </el-form-item>
                </el-col>
              </div>

              <div style="display:flex">
                <el-form-item label="通讯地址" prop="postaladdress">
                  <el-input
                    v-model="ruleForm.postaladdress"
                    style="width:350px"
                    :disabled="ifupdate"
                  ></el-input>
                </el-form-item>
                <el-form-item label="邮政编码" prop="postalcode">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.postalcode" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="电子邮箱" prop="pmail">
                  <el-input v-model="ruleForm.pmail" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="申报单位属性" prop="fax_tel">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.fax_tel" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="法定代表人" prop="plegal">
                  <el-input v-model="ruleForm.plegal" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="统一社会信用代码" prop="plcode">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.plcode" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="负责人姓名" prop="pname" style="margin-right:-69px">
                  <el-input v-model="ruleForm.pname" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="职务" prop="poster" style="margin-right:-39px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.poster" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="办公电话" prop="poffice_tel" style="margin-right:-69px">
                  <el-input v-model="ruleForm.poffice_tel" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="手机" prop="aphone2" style="margin-right:-69px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.aphone" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex;width:400px;">
                <el-form-item label="联系人姓名" prop="cname" style="margin-right:-69px">
                  <el-input v-model="ruleForm.cname" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="职务" prop="cpost" style="margin-right:-39px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.cpost" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="办公电话" prop="coffice_tel" style="margin-right:-69px">
                  <el-input v-model="ruleForm.coffice_tel" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="手机" prop="region" style="margin-right:-69px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.cphone" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <!-- <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button> -->
              <el-form-item>
                <div
                  class="btn"
                  @click="submitForm('ruleForm')"
                  style="position:relative;right:105px;cursor:pointer"
                >下一页</div>

                <!-- <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
                <el-button @click="resetForm('ruleForm')">重置</el-button>-->
              </el-form-item>
            </el-form>

            <el-form
              :model="ruleForm1"
              :rules="rules1"
              ref="ruleForm1"
              label-width="150px"
              class="demo-ruleForm"
              v-show="sub1 == 1"
            >
              <el-form-item label="项目主责单位" prop="prespo">
                <el-input v-model="ruleForm1.prespo" :disabled="ifupdate" style="width:86%"></el-input>
              </el-form-item>
              <div style="display:flex">
                <el-form-item label="通讯地址" prop="respoadd">
                  <el-input v-model="ruleForm1.respoadd" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="邮政编码" prop="respopcode">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm1.respopcode" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="电子邮箱" prop="respomail">
                  <el-input v-model="ruleForm1.respomail" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="传真电话" prop="respophone">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm1.respophone" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="负责人姓名" prop="respopname" style="margin-right:-69px">
                  <el-input v-model="ruleForm1.respopname" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="职务" prop="respopost" style="margin-right:-69px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm1.respopost" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="办公电话" prop="respoophone" style="margin-right:-69px">
                  <el-input
                    v-model="ruleForm1.respoophone"
                    style="width:150px"
                    :disabled="ifupdate"
                  ></el-input>
                </el-form-item>
                <el-form-item label="手机" prop="respoptel2" style="margin-right:-69px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm1.respoptel" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex;width:400px;">
                <el-form-item label="联系人姓名" prop="respocname" style="margin-right:-69px">
                  <el-input v-model="ruleForm1.respocname" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="职务" prop="respocpost" style="margin-right:-69px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm1.respocpost" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="办公电话" prop="respocophone" style="margin-right:-69px">
                  <el-input
                    v-model="ruleForm1.respocophone"
                    style="width:150px"
                    :disabled="ifupdate"
                  ></el-input>
                </el-form-item>
                <el-form-item label="手机" prop="respoctel2" style="margin-right:-69px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm1.respoctel" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <div class="xx">
                <h5>二、申报单位简介</h5>
                <div class="rich">
                  <DivisionLabor
                    @divisionLabor="aboutUs"
                    :divisionLaborVal="ruleForm.decldes"
                    :writeable="!ifupdate"
                  ></DivisionLabor>
                  <!-- <aboutUs @aboutUs="aboutUs" :aboutUsVal="ruleForm.decldes" :writeable="!ifupdate"></aboutUs> -->
                </div>
              </div>
              <div class="xx">
                <h5>三、项目简介</h5>
                <div class="rich">
                  <!-- <ProjectBrief
                    @projectBrief="projectBrief"
                    :projectBriefVal="ruleForm.prodes"
                    :writeable="!ifupdate"
                  ></ProjectBrief>-->
                  <DivisionLabor
                    @divisionLabor="projectBrief"
                    :divisionLaborVal="ruleForm.prodes"
                    :writeable="!ifupdate"
                  ></DivisionLabor>
                </div>
              </div>
              <div class="xx">
                <h5>四、项目论证</h5>
                <h3>(一) 项目实施的必要性、可行性</h3>
                <div class="rich">
                  <DivisionLabor
                    @divisionLabor="projectAssessment"
                    :divisionLaborVal="ruleForm.prodemo"
                    :writeable="!ifupdate"
                  ></DivisionLabor>
                  <!-- <ProjectAssessment
                    @projectAssessment="projectAssessment"
                    :projectAssessmentVal="ruleForm.prodemo"
                    :writeable="!ifupdate"
                  ></ProjectAssessment>-->
                </div>
                <h3>
                  (二)
                  项目实施的已有基础、具体方法和途径及进度安排、预期效果及完成时间
                </h3>
                <p>1.项目实施的已有基础</p>
                <article>〔说明：包括但不限于项目实施已有的相关经验或有助于项目实施的资源支持等。〕</article>
                <div class="rich">
                  <ExistingBasis
                    @existingBasis="existingBasis"
                    :existingBasisVal="ruleForm.prodemojc"
                    :writeable="!ifupdate"
                  ></ExistingBasis>
                </div>
                <p>2.具体方法和途径</p>
                <article>〔说明：包括项目实施的具体方式、途径。明确项目的具体组成内容（子项目、各类服务等），每类、每次活动的具体内容、形式、对象、次数、人数等。〕</article>
                <div class="rich">
                  <MethodsWay
                    @methodsWay="methodsWay"
                    :methodsWayVal="ruleForm.prodemotj"
                    :writeable="!ifupdate"
                  ></MethodsWay>
                </div>
                <p>3.进度安排</p>
                <article>〔说明：可单独作为一部分，也可与“具体方法和途径”一并细化到子项目中说明。建议时间单元为月，不建议简单表述为“年内”、“上半年”、“下半年”、“第*季度”等。〕</article>
                <div class="rich">
                  <scheduling
                    @scheduling="scheduling"
                    :schedulingVal="ruleForm.prodemojd"
                    :writeable="!ifupdate"
                  ></scheduling>
                </div>
                <p>4.预期效果</p>
                <article>〔说明：具体明确项目实施所要达到的目标或预期的效果。〕</article>
                <div class="rich">
                  <DesiredEffect
                    @desiredEffect="desiredEffect"
                    :desiredEffectVal="ruleForm.prodemoxg"
                    :writeable="!ifupdate"
                  ></DesiredEffect>
                </div>
                <p>5.项目团队及分工</p>
                <article>〔说明：包括项目实施的组织管理机构组成，各子项目或各项服务活动的具体承接单位和负责人，各有关协作单位等。要把可能引起转包怀疑的所有事项交代清楚，避免在检查、审计和评估中产生误解。〕</article>
                <div class="rich">
                  <DivisionLabor
                    @divisionLabor="divisionLabor"
                    :divisionLaborVal="ruleForm.prodemofg"
                    :writeable="!ifupdate"
                  ></DivisionLabor>
                </div>
                <h3>(三) 项目实施涵盖的范围、实施的规模、服务的人群，创新之处等</h3>
                <div class="rich">
                  <cover @cover="cover" :coverVal="ruleForm.prodemotwo" :writeable="!ifupdate"></cover>
                </div>
              </div>
              <div class="xx">
                <h5>五、经费预算</h5>
                <div class="rich">
                  <RichTextOne
                    @quillVal="quillVal"
                    :initialTextVal="ruleForm.funds"
                    :writeable="!ifupdate"
                  ></RichTextOne>
                </div>
              </div>
              <div class="xxx">
                <h5 style="font-size:20px">六、申报单位承诺</h5>
                <div class="plpl" style="margin-top:32px;">
                  <span
                    @click="thf()"
                    :class="thff ? 'ic' : ''"
                    class="iconfont icon-fuxuankuang_xuanzhong"
                    v-if="!ifupdate"
                  ></span>
                  <label>我们确认项目申报内容的真实性,并愿意承担相应的责任</label>
                </div>
              </div>
              <div class="xxx">
                <h5 style="font-size:20px">七、项目主责单位意见</h5>
                <!-- <div style="font-size:13px;color:gray;margin-top:10px">点击文件名查看文件</div> -->
                <div class="xxxx">
                  <!-- <p
                    v-if="fileLists.length"
                    class="yulantext"
                    @click="yulana(fileLists[0])"
                    style="left:368px;width:25px"
                  >预览</p>-->
                  <template>
                    <!-- v-if="!ifupdate" -->
                    <div>
                      <el-upload
                        class="upload-demo"
                        :action="$upload"
                        :on-preview="handlePreview"
                        :on-remove="handleRemove"
                        :on-success="successUpload"
                        :before-remove="beforeRemove"
                        :before-upload="beforeupload"
                        multiple
                        :limit="10"
                        :on-exceed="handleExceed"
                        :file-list="fileLists"
                        :title="fileLists[0]?fileLists[0].name:''"
                      >
                        <!-- v-if="!ifupdate"    -->
                        <div style="display:flex" v-if="!ifupdate">
                          <el-button size="small" type="primary">上传文件</el-button>
                          <!-- <span slot="tip" class="el-upload__tip">只能上传一张不同的图片</span> -->
                        </div>
                      </el-upload>
                    </div>
                    <!-- <div v-else>
                      <el-upload
                        class="upload-demo"
                        :action="$upload"
                        :on-preview="handlePreview"
                        :on-success="successUpload"
                        :before-remove="beforeRemove"
                        :on-remove="handleRemove"
                        :before-upload="beforeupload"
                        multiple
                        :limit="10"
                        :on-exceed="handleExceed"
                        :file-list="fileLists"
                      >
                        <el-button size="small" type="primary" v-if="!ifupdate">上传文件</el-button>
                        <span slot="tip" class="el-upload__tip" v-if="!ifupdate">只能上传一张不同的图片</span>
                      </el-upload>
                    </div>-->
                  </template>
                </div>
              </div>

              <div class="mid_box" style="padding-bottom:50px;margin-top:30px">
                <!--  v-if="filename&&(bgData.status==2||bgData.status==3)" -->
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del"
                    v-if="filename&&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      style="position: relative"
                      :http-request="uploadfile"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:40px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <el-progress
                          v-if="uploadname[0] && uploadname[0] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[0]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl" :src="imageUrl" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>

                    <p class="box1" v-if="filename">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        placement="top"
                        :content="filename? filename.split('_')[0]+''+(filename.split('_')[0].includes('.')?'':'.'+filename.split('.')[1]):''"
                      >
                        <!-- <a
                          :href="ruleForm.probook"
                          target="_blank"
                          style="width:157px;display:block;overflow:hidden;text-overflow: ellipsis;"
                        >{{filename?filename:''}}</a>-->
                        <a
                          :href="ruleForm.probook"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename? filename.split('_')[0]+''+(filename.split('_')[0].includes('.')?'':'.'+filename.split('.')[1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.probook" target="_blank">{{filename?filename:''}}</a> -->
                      <a
                        :href="ruleForm.probook"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 18px;">
                      上传项目申报书
                      <span
                        style="font-size:10px;color:red;postion:relative;top:-3px;font-weight:bold"
                      >*</span>
                    </p>
                  </div>

                  <!--文件上传-->
                </template>
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del1"
                    v-if="filename1&&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      :before-upload="beforeAvatarUpload"
                      style="position: relative"
                      :http-request="uploadfile1"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:40px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <el-progress
                          v-if="uploadname[1] && uploadname[1] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[1]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl1" :src="imageUrl1" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>

                    <p class="box1" v-if="filename1">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="filename1? filename1.split('_')[0]+''+(filename1.split('_')[0].includes('.')?'':'.'+filename1.split('.')[1]):''"
                        placement="top"
                      >
                        <a
                          :href="ruleForm.fangan"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename1? filename1.split('_')[0]+''+(filename1.split('_')[0].includes('.')?'':'.'+filename1.split('.')[1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.fangan" target="_blank">{{filename1?filename1:''}}</a> -->
                      <a
                        :href="ruleForm.fangan"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 24px;">
                      上传实施方案
                      <span
                        style="font-size:10px;color:red;postion:relative;top:-3px;font-weight:bold"
                      >*</span>
                    </p>
                  </div>

                  <!--文件上传-->
                </template>
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del2"
                    v-if="filename2&&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      style="position: relative"
                      :http-request="uploadfile2"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:40px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <el-progress
                          v-if="uploadname[2] && uploadname[2] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[2]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl2" :src="imageUrl2" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>
                    <p class="box1" v-if="filename2">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="filename2? filename2.split('_')[0]+''+(filename2.split('_')[0].includes('.')?'':'.'+filename2.split('.')[1]):''"
                        placement="top"
                      >
                        <a
                          :href="ruleForm.pifu"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename2? filename2.split('_')[0]+''+(filename2.split('_')[0].includes('.')?'':'.'+filename2.split('.')[filename2.split('.').length - 1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.pifu" target="_blank">{{filename2?filename2:''}}</a> -->
                      <a
                        :href="ruleForm.pifu"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 14px;">上传立项批复文件</p>
                  </div>
                  <!--文件上传-->
                </template>
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del3"
                    v-if="filename3 &&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      :on-success="handleAvatarSuccess3"
                      style="position: relative"
                      :http-request="uploadfile3"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:42px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <!--    v-if="uploadname[3] && uploadname[3] != 100" -->
                        <el-progress
                          v-if="uploadname[3] && uploadname[3] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[3]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl3" :src="imageUrl3" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>
                    <p class="box1" v-if="filename3">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="filename3? filename3.split('_')[0]+''+(filename3.split('_')[0].includes('.')?'':'.'+filename3.split('.')[1]):''"
                        placement="top"
                      >
                        <a
                          :href="ruleForm.pact"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename3? filename3.split('_')[0]+''+(filename3.split('_')[0].includes('.')?'':'.'+filename3.split('.')[1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.pact" target="_blank">{{filename3?filename3:''}}</a> -->
                      <a
                        :href="ruleForm.pact"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 29px;">上传项目合同</p>
                  </div>

                  <!--文件上传-->
                </template>
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del4"
                    v-if="filename4&&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      style="position: relative"
                      :http-request="uploadfile4"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:42px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <el-progress
                          v-if="uploadname[4] && uploadname[4] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[4]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl4" :src="imageUrl4" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>
                    <p class="box1" v-if="filename4">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="filename4? filename4.split('_')[0]+''+(filename4.split('_')[0].includes('.')?'':'.'+filename4.split('.')[1]):''"
                        placement="top"
                      >
                        <a
                          :href="ruleForm.promise"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename4? filename4.split('_')[0]+''+(filename4.split('_')[0].includes('.')?'':'.'+filename4.split('.')[1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.promise" target="_blank">{{filename4?filename4:''}}</a> -->
                      <a
                        :href="ruleForm.promise"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 22px;">上传服务承诺书</p>
                  </div>
                </template>
              </div>

              <!-- <el-form-item style="margin:0"> -->
              <!--  v-if="bgData.status==1||bgData.status==4" -->
              <div></div>
              <!-- v-if="bgData.status==2||bgData.status==3" -->
              <div class="ll" v-if="bgData.status==2||bgData.status==3">
                <button type="button" @click="next(0)" style="cursor:pointer">上一页</button>
                <!--  v-if="ruleForm.status !=4 && ruleForm.status !=1" -->
                <!--  v-if="ruleForm.status!=4&&ruleForm.status!=1" -->
                <button type="button" @click="submitForm('ruleForm1',1)" style="cursor:pointer">保存</button>
                <button
                  type="button"
                  @click="submitForm('ruleForm1',2)"
                  style="cursor:pointer;background-image: linear-gradient(69deg,#cc263f,#f42b47 100%,#ed162d 0,#e60012 0),linear-gradient(#e60012,#e60012);"
                >提交</button>
              </div>
              <!-- <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
              <el-button @click="resetForm('ruleForm')">重置</el-button>-->
              <!-- </el-form-item> -->
            </el-form>
            <section id="preview" v-if="popupStatus">
              <div class="tc" @click="preview()"></div>
              <section class="tc-text">
                <div class="queren" v-if="popupStatus">
                  <div>
                    <p>{{ subStatus == 0 ? "是否保存申报项目" : "是否确认申报项目" }}</p>
                    <div>
                      <span @click="popupStatus = !popupStatus">否</span>
                      <span @click="submitYes">是</span>
                    </div>
                    <span v-if="subStatus == 1">请您核对以上项目申报信息，提交之后不可修改</span>
                  </div>
                </div>
              </section>
            </section>
          </div>
          <section id="preview" v-if="popupStatus">
            <div class="tc" @click="preview()"></div>
            <section class="tc-text">
              <a
                v-for="(list, index) in dataFile"
                :key="index"
                :href="list.url"
                target="_blank"
              >{{ list.url }}</a>
            </section>
            <img class="tc-text" :src="zData.proimages" />
          </section>
          <section id="popup" v-if="pop" @click="popUp()">
            <aside @click.stop>
              <img :src="linkData" alt />
            </aside>
          </section>
          <!-- <footer-nav class="footer"></footer-nav> -->
        </div>
      </div>
    </div>
    <div style="background-color:white;width:1139px;margin:0 auto;padding-left:58px">
      <div class="boxx" v-if="sub == 2" :class="popupStatus == true ? 'fliter' : ''" id="pdfDom">
        <div class="excuteBox">
          <ul class="excute_list">
            <li>项目信息</li>
            <li>项目申报书</li>
            <li>实施方案</li>
            <li>立项批复文件</li>
            <li>项目合同</li>
            <li>服务承诺书</li>
            <li>中期评审材料</li>
            <li v-if="status>=102">中期整改方案</li>
            <li>结项评审材料</li>
          </ul>
          <!--左边-->
          <div class="excute_rt">
            <ul>
              <!-- 项目信息 -->

              <li>项目名称：{{ executio.name }} 执行机构：{{ executio.company }}</li>
              <!-- 项目申报书 -->
              <li>
                <span>
                  <span
                    :href="executio.probook"
                    target="_blank"
                  >{{shili? shili.split('_')[0]+''+(shili.split('_')[0].includes('.')?'':'.'+shili.split('.')[1]):"未上传"}}</span>
                  <!-- <a :href="executio.probook" download>下载</a> | -->
                  <!-- :download="shili.split('.')[1]=='jpg'||shili.split('.')[1]=='jpeg'||shili.split('.')[1]=='png'||shili.split('.')[1]=='pdf'?false:true" -->
                  <a
                    :href="executio.probook"
                    target="_blank"
                    class="yulan"
                  >{{shili.split('.')[1]=="jpg"||shili.split('.')[1]=="jpeg"||shili.split('.')[1]=="png"||shili.split('.')[1]=="pdf"?'预览':'下载'}}</a>
                </span>
              </li>
              <!-- 实施方案 -->
              <li>
                <span>
                  <span
                    :href="executio.fangan"
                    target="_blank"
                  >{{shili1?shili1.split('_')[0]+''+(shili1.split('_')[0].includes('.')?'':'.'+shili1.split('.')[1]):"未上传"}}</span>
                  <!-- <a :href="executio.fangan">下载</a> | -->
                  <a
                    :href="executio.fangan"
                    target="_blank"
                    class="yulan"
                  >{{shili1.split('.')[1]=="jpg"||shili1.split('.')[1]=="jpeg"||shili1.split('.')[1]=="png"||shili1.split('.')[1]=="pdf"?'预览':'下载'}}</a>
                </span>
              </li>
              <!-- 立项批复文件 -->
              <li style="display:flex">
                <!-- <el-button size="small" type="primary" v-if="!executio.pifu">上传</el-button> -->
                <span v-if="shili2">
                  <span
                    :href="executio.pifu?executio.pifu:''"
                  >{{shili2?shili2.split('_')[0]+'.'+(shili2.split('_')[0].includes('.')?'':shili2.split('.')[1]):"未上传"}}</span>
                  <!-- <a :href="executio.pifu" download>下载</a> | -->
                  <a
                    :href="executio.pifu"
                    target="_blank"
                    class="yulan"
                  >{{shili2.split('.')[1]=="jpg"||shili2.split('.')[1]=="jpeg"||shili2.split('.')[1]=="png"||shili2.split('.')[1]=="pdf"?'预览':'下载'}}</a>
                </span>
                <span style="display:flex" v-if="!shili2">
                  <el-upload
                    class="avatar-uploader"
                   :action="$upload"
                    :show-file-list="false"
                    :on-success="handlesuccess"
                    :before-upload="beforeAvatarUpload"
                  >
                      <el-button size="small"  type="primary">点此上传</el-button>
                  </el-upload>

                </span>
                 <el-button size="small"  type="primary" style="margin-top:10px" @click="deletepifu" v-if="show1">删除</el-button>
                 <el-button size="small"  type="primary" style="margin-top:10px" @click="save" v-if="show1">保存</el-button>
              </li>
              <!-- 项目合同 -->
              <li style="display:flex">
                <!-- <el-button size="small" type="primary" v-if="!executio.pact">上传</el-button> -->
                <span v-if="shili3">
                  <span
                    :href="executio.pact?executio.pact:''"
                    target="_blank"
                  >{{shili3?shili3.split('_')[0]+'.'+(shili3.split('_')[0].includes('.')?'':shili3.split('.')[1]):"未上传"}}</span>
                  <!-- <a :href="executio.pact" download>下载</a> | -->
                  <a
                    :href="executio.pact"
                    target="_blank"
                    class="yulan"
                  >{{shili3.split('.')[1]=="jpg"||shili3.split('.')[1]=="jpeg"||shili3.split('.')[1]=="png"||shili3.split('.')[1]=="pdf"?'预览':'下载'}}</a>
                </span>
                      <span style="display:flex" v-if="!shili3">
                  <el-upload
                    class="avatar-uploader"
                   :action="$upload"
                    :show-file-list="false"
                    :on-success="handlesuccess1"
                    :before-upload="beforeAvatarUpload"
                  >
                      <el-button size="small"  type="primary">点此上传</el-button>
                  </el-upload>

                </span>
                <el-button size="small"  type="primary" style="margin-top:10px" @click="deleteHet" v-if="show2">删除</el-button>
                <el-button size="small" v-if="show2" style="margin-top:10px"  type="primary" @click="save1">保存</el-button>
              </li>
              <!-- 服务承诺书 -->
              <li style="display:flex">
                <!-- <el-button size="small" type="primary" v-if="!executio.promise">上传</el-button> -->
                <span v-if="shili4">
                  <span
                    :href="executio.promise?executio.promise:''"
                    target="_blank"
                  >{{shili4?shili4.split('_')[0]+'.'+(shili4.split('_')[0].includes('.')?'':shili4.split('.')[1]):"未上传"}}</span>
                  <!-- <a :href="executio.promise" download>下载</a> | -->
                  <a
                    :href="executio.promise"
                    target="_blank"
                    class="yulan"
                  >{{shili4.split('.')[1]=="jpg"||shili4.split('.')[1]=="jpeg"||shili4.split('.')[1]=="png"||shili4.split('.')[1]=="pdf"?'预览':'下载'}}</a>
                </span>
                    <span style="display:flex" v-if="!shili4">
                  <el-upload
                    class="avatar-uploader"
                   :action="$upload"
                    :show-file-list="false"
                    :on-success="handlesuccess2"
                    :before-upload="beforeAvatarUpload"
                  >
                      <el-button size="small"  type="primary">点此上传</el-button>
                  </el-upload>

                </span>

                <el-button size="small"  type="primary" style="margin-top:10px" @click="deleteP" v-if="show3">删除</el-button>
                <el-button size="small" v-if="show3" style="margin-top:10px" type="primary" @click="save2">保存</el-button>
              </li>
              <!-- 中期评审材料 -->
              <li style="display:flex">
                <el-button
                  size="small"
                  style="float:left;margin-top:10px"
                  type="primary"
                  @click="submit_mid"
                >填写并提交</el-button>
                <!-- <el-button size="small" type="primary" @click="$jP('excute1', { id: zData.id })">修改</el-button> -->
                <el-button
                  size="small"
                  style="float:left;margin-top:10px"
                  type="primary"
                  v-if="this.id"
                  @click="$jP('excute', { id:id })"
                >查看</el-button>&nbsp;
                <!-- <strong
                  style="font-size:14px;font-weight:600;float:left;margin-left:30px"
                >满意度评估报告:</strong>
                &nbsp; -->
                <!-- <span>
                  <span style="margin-left:10px;float:left;width:70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"> -->
                    <!-- :title="review_zq?review_zq.split('_')[0]+'.'+(review_zq.split('_')[0].includes('.')?'':review_zq.split('.')[1]):''" 1-->
                    <!-- <a target="_blank" :title="review_zq?review_zq:''">{{review_zq?review_zq:"未上传"}}</a> -->
                    <!-- <a :href="executio.promise" download>下载</a> | 1-->
                  <!-- </span> -->
                  <!-- <span style="float:left">
                    <a
                      :href="review_zq_url?review_zq_url:''"
                      target="_blank"
                      class="yulan"
                      v-if="review_zq"
                    >{{review_zq.substring(review_zq.lastIndexOf(".")+1)=="jpg"||review_zq.substring(review_zq.lastIndexOf(".")+1)=="jpeg"||review_zq.substring(review_zq.lastIndexOf(".")+1)=="png"||review_zq.substring(review_zq.lastIndexOf(".")+1)=="pdf"?'预览':'下载'}}</a>
                  </span>
                </span>

                <strong style="font-size:14px;font-weight:600;float:left">主管单位评估报告:</strong>
                &nbsp;
                <span
                  style="margin-left:10px;float:left;width:70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
                > -->
                  <!-- :title="review_jx?review_jx.split('_')[0]+'.'+(review_jx.split('_')[0].includes('.')?'':review_jx.split('.')[1]):''" 1-->
                  <!-- <a target="_blank" :title="review_jx?review_jx:''">{{review_jx?review_jx:"未上传"}}</a> -->
                  <!-- {{review_jx?review_jx.split('_')[0]+'.'+(review_jx.split('_')[0].includes('.')?'':review_jx.split('.')[1]):"未上传"}}</a> 1-->
                <!-- </span>
                <span style="float:left">
                  <a
                    :href="review_jx_url?review_jx_url:''"
                    target="_blank"
                    class="yulan"
                    v-if="review_jx"
                  >{{review_jx.substring(review_jx.lastIndexOf(".")+1)=="jpg"||review_jx.substring(review_jx.lastIndexOf(".")+1)=="jpeg"||review_jx.substring(review_jx.lastIndexOf(".")+1)=="png"||review_jx.substring(review_jx.lastIndexOf(".")+1)=="pdf"?'预览':'下载'}}</a>
                </span> -->
              </li>
              <!-- 中期整改方案 -->
              <li style="display:flex" v-if="status>=102">
                <!-- <el-button size="small" type="primary" v-if="!executio.promise">上传</el-button> -->
                <span v-if="shili9">
                  <span
                    :href="center.rectifi?center.rectifi:''"
                    target="_blank"
                  >{{shili9?shili9.split('_')[0]+'.'+(shili9.split('_')[0].includes('.')?'':shili9.split('.')[1]):"未上传"}}</span>
                  <!-- <a :href="executio.promise" download>下载</a> | -->
                  <a
                    :href="center.rectifi"
                    target="_blank"
                    class="yulan"
                  >{{shili9.split('.')[1]=="jpg"||shili9.split('.')[1]=="jpeg"||shili9.split('.')[1]=="png"?'预览':'下载'}}</a>
                </span>
                    <span style="display:flex" v-if="!shili9">
                  <el-upload
                    class="avatar-uploader"
                   :action="$upload"
                    :show-file-list="false"
                    :on-success="handlesuccess8"
                    :before-upload="beforeAvatarUpload"
                    accept=".doc,.docx,.pdf"
                  >
                      <el-button size="small"  type="primary">点此上传</el-button>
                  </el-upload>

                </span>

                <el-button size="small"  type="primary" style="margin-top:10px" @click="deleteEit" v-if="show8">删除</el-button>
                <el-button size="small" v-if="show8" style="margin-top:10px" type="primary" @click="save8">保存</el-button>
              </li>
              <!-- 结项评审材料 -->
              <li>
                <el-button
                  size="small"
                  style="float:left;margin-top:10px"
                  type="primary"
                  @click="post_pro"
                >填写并提交</el-button>
                <!-- <el-button size="small" type="primary">修改</el-button> -->
                <el-button
                  size="small"
                  type="primary"
                  style="float:left;margin-top:10px"
                  v-if="this.id"
                  @click="$jP('over', { id:id })"
                >查看</el-button>&nbsp;
                <!-- <strong
                  style="font-size:14px;font-weight:600;float:left;margin-left:30px"
                >满意度评估报告:</strong>
                &nbsp;
                <span
                  style="float:left;width:70px;margin-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
                > -->
                  <!-- :title="review_my?review_my.split('_')[0]+'.'+(review_my.split('_')[0].includes('.')?'':review_my.split('.')[1]):''" 1-->
                  <!-- <a target="_blank" :title="review_my?review_my:''">{{review_my?review_my:"未上传"}}</a> -->
                  <!-- {{review_my?review_my.split('_')[0]+'.'+(review_my.split('_')[0].includes('.')?'':review_my.split('.')[1]):"未上传"}} 1-->
                  <!-- <a :href="executio.promise" download>下载</a> | -->
       <!--         </span>
                <span style="float:left">
                  <a
                    :href="review_my_url?review_my_url:''"
                    target="_blank"
                    class="yulan"
                    v-if="review_my"
                  >{{review_my.substring(review_my.lastIndexOf(".")+1)=="jpg"||review_my.substring(review_my.lastIndexOf(".")+1)=="jpeg"||review_my.substring(review_my.lastIndexOf(".")+1)=="png"||review_my.substring(review_my.lastIndexOf(".")+1)=="pdf"?'预览':'下载'}}</a> -->
                  <!-- {{review_my.split('.')[1]=="jpg"||review_my.split('.')[1]=="jpeg"||review_my.split('.')[1]=="png"||review_my.split('.')[1]=="pdf"?'预览':'下载'}} 1-->
                <!-- </span>
                <strong style="font-size:14px;font-weight:600;float:left">主管单位评估报告:</strong>
                &nbsp;
                <span
                  style="margin-left:10px;float:left;width:70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
                > -->
                  <!-- :title="review_my_zq?review_my_zq.split('_')[0]+'.'+(review_my_zq.split('_')[0].includes('.')?'':review_my_zq.split('.')[1]):''" 1-->
                  <!-- <a
                    target="_blank"
                    :title="review_my_zq?review_my_zq:''"
                  >{{review_my_zq?review_my_zq:"未上传"}}</a> -->
                  <!-- {{review_my_zq?review_my_zq.split('_')[0]+'.'+(review_my_zq.split('_')[0].includes('.')?'':review_my_zq.split('.')[1]):"未上传"}}</a> 1-->
                  <!-- <a :href="executio.promise" download>下载</a> | -->
            <!--    </span>
                <span style="float:left">
                  <a
                    :href="review_my_zq_url?review_my_zq_url:''"
                    target="_blank"
                    class="yulan"
                    v-if="review_my_zq"
                  >{{review_my_zq.substring(review_my_zq.lastIndexOf(".")+1)=="jpg"||review_my_zq.substring(review_my_zq.lastIndexOf(".")+1)=="jpeg"||review_my_zq.substring(review_my_zq.lastIndexOf(".")+1)=="png"||review_my_zq.substring(review_my_zq.lastIndexOf(".")+1)=="pdf"?'预览':'下载'}}</a> -->
                  <!-- {{review_my_zq.split('.')[1]=="jpg"||review_my_zq.split('.')[1]=="jpeg"||review_my_zq.split('.')[1]=="png"||review_my_zq.split('.')[1]=="pdf"?'预览':'下载'}}</a> 1-->
                <!-- </span> -->
              </li>
            </ul>
          </div>
          <!--右边-->
          <div class="excute_tab">
            <div class="caption">
              <span @click="num = 0" :class="{ active: num == 0 }" style="cursor:pointer">月工作报表统计</span>
              <span @click="num = 1" :class="{ active: num == 1 }" style="cursor:pointer">优秀活动新闻稿</span>
              <!-- <span @click="num = 2" :class="{ active: num == 2 }">监测活动信息</span> -->
              <div class="speed_box">
                <el-button type="text" v-show="num == 0" @click="dialogTableVisible = true">+月工作报表</el-button>
                <el-dialog title="上传月工作报表" :visible.sync="dialogTableVisible" @close="toclose">
                  <aside>
                    <div class="yuedu">
                      <label>一、项目名称:</label>
                      <!-- <input
                        type="text"
                        name="name"
                        readonly
                        v-model="zData.name"
                        required
                        class="division"
                      />-->
                      <el-input
                        v-model="zData.name"
                        placeholder="请输入内容"
                        style="width:300px;margin-left:10px"
                      ></el-input>
                    </div>
                    <div class="yuedu">
                      <label>二、机构名称:</label>
                      <!-- <input
                        type="text"
                        name="name"
                        readonly
                        v-model="zData.company"
                        required
                        class="division"
                      />-->
                      <el-input
                        v-model="zData.company"
                        placeholder="请输入内容"
                        style="width:300px;margin-left:10px"
                      ></el-input>
                    </div>
                    <div class="yuedu">
                      <label>三、日期选择:</label>
                      <!-- <select v-model="month">
                        <option
                          v-for="(x, index) in shuju"
                          :key="index"
                          :value="x.id"
                          >{{ x.name }}</option
                        >
                      </select>-->
                      <!-- <input type="date" name="aterm1" v-model="month" value required /> -->
                      <div style="width:305px;margin-left:4px">
                        <el-date-picker
                          v-model="month"
                          type="date"
                          value-format="timestamp"
                          placeholder="选择日期时间"
                          style="margin-left:10px;margin-bottom:10px"
                        ></el-date-picker>
                      </div>
                    </div>
                    <div style="margin-left:35px">
                      <label>四、模板下载：</label>
                      <span style="position:relative;left:19px">
                        <a
                          href="./static/file/工作月报表（模版）.docx"
                          style="margin-right:20px"
                        >工作月报表（模版）.DOC</a>
                        <!-- <a href="./static/file/工作月报表（模版）.docx" style="margin-right:5px">预览</a>
                        |-->
                        <a href="./static/file/工作月报表（模版）.docx" download style="margin-left:8px">下载</a>
                      </span>
                    </div>
                    <div class="mid_box" style="margin-bottom:30px;width:708px; margin-left:35px">
                      <label style="white-space:nowrap">五、上传电子版文件：</label>
                      <div class="xxxx" style="position: relative">
                        <!-- <a
                          style="position: absolute;
                          top: 54px;
                          left: 202px;
                          color: #7471ef;
                          z-index: 999;
                          font-size: 13px;
                          cursor:pointer;"
                          :href="dianziurl"
                          target="_blank"
                          v-if="dianziurl !=''"
                        >预览</a>-->
                        <!-- <div
                          style="
                            position: absolute;
                            top: 45px;
                            left: 275px;
                            color: rgb(116, 113, 239);
                            z-index: 999;
                            font-size: 22px;
                            cursor: pointer;
                        "
                          @click="delfileLists1"
                          v-if="dianziurl !=''"
                        >×</div>-->
                        <template>
                          <el-upload
                            class="upload-demo"
                            :action="$upload"
                            :on-preview="handlePreview"
                            :on-remove="handleRemove1"
                            :on-success="successUploadTwo"
                            :before-remove="beforeRemove"
                            multiple
                            :on-exceed="handleExceed1"
                            :file-list="fileLists1"
                            style="margin-left:20px;margin-top:10px"
                            ref="dianzi"
                            :title="filename"
                          >
                            <el-button
                              size="small"
                              type="primary"
                              style="position:relative;top:-10px"
                            >上传文件</el-button>
                            <!-- <span slot="tip" class="el-upload__tip">只能上传一张不同的图片</span> -->
                          </el-upload>
                        </template>
                      </div>
                    </div>
                    <el-button
                      size="small"
                      type="primary"
                      @click="subBtn"
                      style="display:block;margin:0 auto"
                    >提交</el-button>
                  </aside>
                </el-dialog>
                <el-button type="text" v-show="num == 1" @click="dialogFormVisible = true">+新闻稿</el-button>
                <el-dialog title="添加新闻稿" :visible.sync="dialogFormVisible" @close="toclose">
                  <aside>
                    <div class="yuedu">
                      <label>一、项目名称:</label>
                      <el-input
                        v-model="zData.name"
                        placeholder="请输入内容"
                        style="width:300px;margin-left:10px"
                      ></el-input>
                      <!-- <input
                        type="text"
                        name="name"
                        readonly
                        v-model="zData.name"
                        required
                        class="division"
                      />-->
                    </div>
                    <div class="yuedu">
                      <label>二、机构名称:</label>
                      <el-input
                        v-model="zData.company"
                        placeholder="请输入内容"
                        style="width:300px;margin-left:10px"
                      ></el-input>
                      <!-- <input
                        type="text"
                        name="name"
                        readonly
                        v-model="zData.company"
                        required
                        class="division"
                      />-->
                    </div>
                    <div class="yuedu">
                      <label>三、日期选择:</label>
                      <!-- <select v-model="month">
                        <option
                          v-for="(x, index) in shuju"
                          :key="index"
                          :value="x.id"
                          >{{ x.name }}</option
                        >
                      </select>-->
                      <el-date-picker
                        v-model="month"
                        type="date"
                        value-format="timestamp"
                        placeholder="选择日期时间"
                        style="margin-left:10px;margin-bottom:10px"
                      ></el-date-picker>
                      <!-- <el-date-picker value-format="yyyy-MM-dd"  v-model="month" type="date" placeholder="选择日期"></el-date-picker> -->
                      <!-- <input type="date" name="aterm" v-model="month" value required /> -->
                    </div>
                    <div class="yuedu" style="margin-left:10px">
                      <label>四、模板下载：</label>
                      <span style="padding-top:10px;">
                        <span>
                          <a href="./static/file/工作月报表（模版）.docx">新闻稿（模版）.DOC</a>
                          &nbsp; &nbsp;
                          <a
                            href="./static/file/工作月报表（模版）.docx"
                            download
                          >下载</a>
                        </span>
                      </span>
                    </div>
                    <div class="mid_box" style="width:950px;margin-left:33px">
                      <label>五、上传电子版新闻稿：</label>
                      <div
                        class="xxxx"
                        style="margin-left:29px;margin-top:-1px;margin-bottom:64px;width:708px;position:relative;"
                      >
                        <template>
                          <!-- <a
                            style="position: absolute;
    top: 45px;
    left: 202px;
    color: #7471ef;
    z-index: 999;
    font-size: 13px;
    cursor:pointer;"
                            :href="xinweiurl"
                            target="_blank"
                            v-if="xinweiurl != ''"
                          >预览</a>-->
                          <!-- <div
                            style="
                            position: absolute;
                            top: 35px;
                            left: 275px;
                            color: rgb(116, 113, 239);
                            z-index: 999;
                            font-size: 22px;
                            cursor: pointer;
                        "
                            @click="delfileLists2"
                            v-if="xinweiurl !=''"
                          >×</div>-->
                          <el-upload
                            class="upload-demo"
                            :action="$upload"
                            :on-preview="handlePreview"
                            :on-remove="handleRemove2"
                            :on-success="successUploadThree"
                            :before-remove="beforeRemove"
                            multiple
                            :on-exceed="handleExceed1"
                            :file-list="fileLists2"
                            ref="xinwen"
                            :title="filename"
                          >
                            <el-button size="small" type="primary">上传文件</el-button>
                            <!-- <span slot="tip" class="el-upload__tip">只能上传一张不同的图片</span> -->
                          </el-upload>
                        </template>
                      </div>
                    </div>
                    <el-button
                      size="small"
                      type="primary"
                      @click="subsBun"
                      style="display:block;margin:0 auto"
                    >提交</el-button>
                  </aside>
                </el-dialog>
              </div>
            </div>

            <div class="excute_text">
              <div class="statistics" v-show="num == 0">
                <table style="position: relative;left: 62px;">
                  <tr>
                    <th style="border-right:1px solid white">月份</th>
                    <th style="border-right:1px solid white">提交情况</th>
                    <th style="border-right:1px solid white">月报文件</th>
                    <th style="border-right:1px solid white">提交时间</th>
                  </tr>
                  <!-- <tr
                    v-for="(names, index) in convers"
                    :key="index"
                    :class="{ on: index % 2 == 0, off: index % 2 != 0 }"
                  >
                    <td>{{mont.month}}</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>
                      <i class="el-icon-download"></i>
                    </td>
                  </tr>-->
                  <template v-if="searchValue.length == 0">
                    <tr
                      v-for="(info, index) in mont"
                      :key="index"
                      :class="{ on: index % 2 == 0, off: index % 2 != 0 }"
                      class="tr"
                    >
                      <td>{{ info.month }}</td>
                      <td>{{ info.type }}</td>
                      <!-- filename? filename.split('_')[0]+''+(filename.split('_')[0].includes('.')?'':'.'+filename.split('.')[1]):"" -->
                      <td>
                        <!-- {{info.elereport}} -->
                        <!-- {{JSON.parse(info.elereport)}} -->
                        <div v-for="(item,index) in (JSON.parse(info.elereport))" :key="index">
                          <div
                            v-if="JSON.parse(info.elereport).length>1"
                            style="display:flex;flex-wrap:nowrap;text-align:left"
                          >
                            <!-- {{item}} -->
                            <el-tooltip
                              class="item"
                              effect="dark"
                              :content="item.name? item.name:'未上传'"
                              placement="top"
                            >
                              <a
                                :href="item.url"
                                target="view_window"
                                style="width:180px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
                              >{{item.name}}</a>
                            </el-tooltip>

                            <a
                              :href="item.url?item.url:''"
                              target="view_window"
                              style="width:50px;color:#7471ef"
                              v-if="info.elereport"
                            >下载</a>
                          </div>
                          <div v-else style="display:flex;flex-wrap:nowrap;">
                            <!-- {{JSON.parse(info.elereport).names}} -->
                            <!-- {{item}} -->
                            <el-tooltip
                              class="item"
                              effect="dark"
                              :content="JSON.parse(info.elereport)[0].names+'.'+JSON.parse(info.elereport)[0].extension"
                              placement="top"
                            >
                              <a
                                :href="JSON.parse(info.elereport)[0].url"
                                target="view_window"
                                style="width:180px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
                              >{{JSON.parse(info.elereport)[0].names+'.'+JSON.parse(info.elereport)[0].extension}}</a>
                            </el-tooltip>

                            <a
                              :href="info.elereport?JSON.parse(info.elereport)[0].url:''"
                              target="view_window"
                              style="width:50px;color:#7471ef"
                              v-if="info.elereport"
                            >下载</a>
                          </div>
                        </div>

                        <!-- <div v-else>

                        </div>-->
                      </td>
                      <!-- <td>{{ new Date(parseInt(info.created_at)*1000).toLocaleString().substr(0,9) }}</td> -->
                      <td>{{info.created_at}}</td>
                    </tr>
                  </template>
                </table>
              </div>
              <div class="statistics" v-show="num == 1">
                <table class style="position: relative;left: 62px; table-layout: fixed;">
                  <tr>
                    <th style="border-right:1px solid white">项目名称</th>
                    <th style="border-right:1px solid white">项目执行机构</th>
                    <th style="border-right:1px solid white">文件名称</th>
                    <th>提交时间</th>
                  </tr>
                  <!-- <tr
                    v-for="(names, index) in convers"
                    :key="index"
                    :class="{ on: index % 2 == 0, off: index % 2 != 0 }"
                  >
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>-->

                  <template v-if="searchValue.length == 0">
                    <!-- <tr
                      class="tr"
                      v-for="(info, index) in newss"
                      :key="index"
                      :class="{ on: index % 2 == 0, off: index % 2 != 0 }"
                    >
                    </tr>-->
                    <tr
                      class="tr"
                      v-for="(info, index) in newss"
                      :key="index"
                      :class="{ on: index % 2 == 0, off: index % 2 != 0 }"
                    >
                      <td
                        style=" width: 200px; text-indent:30px;
                            overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis; "
                      >
                        <el-tooltip
                          class="item"
                          effect="dark"
                          :content="zData.name1"
                          placement="top"
                        >
                          <p
                            style="width:170px;white-space:nowrap;text-indent:30px;overflow:hidden;text-overflow:ellipsis"
                          >{{ zData.name1 }}</p>
                        </el-tooltip>
                      </td>
                      <td>
                        <el-tooltip
                          class="item"
                          effect="dark"
                          :content="zData.company"
                          placement="top"
                        >
                          <p
                            style=" width: 200px; text-indent:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; "
                          >{{ zData.company }}</p>
                        </el-tooltip>
                      </td>
                      <td>
                        <!-- {{info.elereport}} -->
                        <!-- {{JSON.parse(info.elereport)}} -->
                        <div v-for="(item,index) in (JSON.parse(info.elereport))" :key="index">
                          <div
                            v-if="JSON.parse(info.elereport).length>1"
                            style="display:flex;flex-wrap:nowrap;text-align:left"
                          >
                            <!-- {{item}} -->
                            <el-tooltip
                              class="item"
                              effect="dark"
                              :content="item.name? item.name:'未上传'"
                              placement="top"
                            >
                              <a
                                :href="item.url"
                                target="view_window"
                                style="width:180px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
                              >{{item.name}}</a>
                            </el-tooltip>

                            <a
                              :href="item.url?item.url:''"
                              target="view_window"
                              style="width:50px;color:#7471ef"
                              v-if="info.elereport"
                            >下载</a>
                          </div>

                          <div v-else style="display:flex;flex-wrap:nowrap;">
                            <!-- {{JSON.parse(info.elereport).names}} -->
                            <!-- {{JSON.parse(info.elereport)}} -->
                            <el-tooltip
                              class="item"
                              effect="dark"
                              :content="JSON.parse(info.elereport)[0].names+'.'+JSON.parse(info.elereport)[0].extension"
                              placement="top"
                            >
                              <a
                                :href="JSON.parse(info.elereport)[0].url"
                                target="view_window"
                                style="width:180px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
                              >{{JSON.parse(info.elereport)[0].names+'.'+JSON.parse(info.elereport)[0].extension}}</a>
                            </el-tooltip>

                            <a
                              :href="info.elereport?JSON.parse(info.elereport)[0].url:''"
                              target="view_window"
                              style="width:50px;color:#7471ef"
                              v-if="info.elereport"
                            >下载</a>
                          </div>
                        </div>

                        <!-- <div v-else>

                        </div>-->
                      </td>
                      <!-- <td style="display:flex;flex-wrap:nowrap">
                        <el-tooltip
                          class="item"
                          effect="dark"
                          :content="info.elereport?(JSON.parse(info.elereport).names?JSON.parse(info.elereport).names.split('_')[0]:JSON.parse(info.elereport).name.split('_')[0])+'.'+JSON.parse(info.elereport).extension:'未上传'"
                          placement="top"
                        >
                          <a
                            :href="info.elereport?JSON.parse(info.elereport).url:'未上传'"
                            style="width:180px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
                            target="_blank"
                          >{{info.elereport?(JSON.parse(info.elereport).names?JSON.parse(info.elereport).names.split('_')[0]:JSON.parse(info.elereport).name.split('_')[0])+'.'+JSON.parse(info.elereport).extension:'未上传'}}</a>
                        </el-tooltip>
                        <a
                          :href="info.elereport?JSON.parse(info.elereport).url:''"
                          target="view_window"
                          style="width:50px;color:#7471ef"
                          v-if="info.elereport"
                        >下载</a>
                      </td>-->
                      <!-- <td> <a :href="JSON.parse( info.elereport )[index]?JSON.parse( info.elereport )[index].url:JSON.parse( info.elereport )[0].url " target="view_window">{{JSON.parse( info.elereport )[index]?JSON.parse( info.elereport )[index].name:JSON.parse( info.elereport )[0].name }}</a></td> -->
                      <td>{{ new Date(parseInt(info.created_at)*1000).toLocaleString().substr(0,9).replace(/\//g,"-") }}</td>
                    </tr>
                  </template>
                </table>
              </div>
              <div class="monitor" v-show="num == 2">
                <table>
                  <tr>
                    <th>机构名称</th>
                    <td>{{ jiance.org_name}}</td>
                    <th>预计参与人数</th>
                    <td>{{ jiance.num}}</td>
                  </tr>
                  <tr>
                    <th>活动时间</th>
                    <td>{{ jiance.reserve }}</td>
                    <th>项目联系人</th>
                    <td>{{ jiance.linkman }}</td>
                  </tr>
                  <tr>
                    <th>活动名称</th>
                    <td>{{ jiance.active }}</td>
                    <th>联系方式</th>
                    <td>{{ jiance.tel }}</td>
                  </tr>
                  <tr>
                    <th>活动地点</th>
                    <td>{{ jiance.place }}</td>
                    <th>检查机构</th>
                    <td>{{ jiance.monitor }}</td>
                  </tr>
                  <tr>
                    <th>活动内容</th>
                    <td colspan="3">{{ jiance.detail }}</td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
          <!--tab切换-->
        </div>
      </div>
    </div>
    <footer-nav class="footer"></footer-nav>
  </div>
</template>

<script>
import HeaderNav from "../../components/HeaderNav";
import FooterNav from "../../components/FooterNav";
import AboutUs from "../../components/AboutUs";
import ProjectBrief from "../../components/ProjectBrief";
import ProjectAssessment from "../../components/ProjectAssessment";
import ExistingBasis from "../../components/ExistingBasis";
import MethodsWay from "../../components/MethodsWay";
import scheduling from "../../components/Scheduling";
import DesiredEffect from "../../components/DesiredEffect";
import DivisionLabor from "../../components/DivisionLabor";
import cover from "../../components/Cover";
import RichTextOne from "../../components/RichTextOne";

var preD = function(e) {
  e.preventDefault();
};
export default {
  components: {
    HeaderNav,
    FooterNav,
    AboutUs,
    ProjectBrief,
    ProjectAssessment,
    ExistingBasis,
    MethodsWay,
    scheduling,
    DesiredEffect,
    DivisionLabor,
    cover,
    RichTextOne
  },
  props: {},
  data() {
    return {
      review_jx: "",
      review_my: "",
      review_zq: "",
      review_my_zq: "",
      review_my_zq_url: "",
      review_jx_url: "",
      review_my_url: "",
      review_zq_url: "",
      xinweiurl: "",
      dianziurl: "",
      fileLists2: [],
      fileLists1: [],
      ifupdate: false,
      show1:false,
      show2:false,
      show3:false,
      show8:false,
      show20:false,
      show21:false,
      errorMsg: "",
      center:[],
      ruleForm: {
        name: "",
        company: "",
        tid: "",
        rid: "",
        first_level: "",
        secondary: "",
        fieldeara: "",
        attribute: "",
        aterm: "",
        fterm: "",
        postaladdress: "",
        postalcode: "",
        pmail: "",
        fax_tel: "",
        plegal: "",
        plcode: "",
        pname: "",
        poster: "",
        poffice_tel: "",
        aphone: "",
        cname: "",
        cpost: "",
        coffice_tel: "",
        cphone: "",
        prespo: "",
        respoadd: "",
        respopcode: "",
        respomail: "",
        respophone: "",
        respopname: "",
        respopost: "",
        respoophone: "",
        respoptel: "",
        respocname: "",
        respocpost: "",
        respocophone: "",
        respoctel: "",
        decldes: "",
        prodes: "",
        party_id: null,
        prodemo: "",
        prodemojc: "",
        prodemotj: "",
        prodemojd: "",
        prodemoxg: "",
        prodemofg: "",
        prodemotwo: "",
        funds: "",
        proimages: "",
        status: 0,
        protime: ""
      },
      rules: {
        name: [{ required: true, message: "请输入项目名称", trigger: "blur" }],
        tid: [{ required: true, message: "请选择项目类型", trigger: "change" }],
        rid: [
          { required: true, message: "请选择项目落地区域", trigger: "change" }
        ],
        company: [
          { required: true, message: "请输入项目申报单位", trigger: "blur" }
        ],
        first_level: [
          { required: true, message: "请输入一级项目方向", trigger: "blur" }
        ],
        secondary: [
          { required: true, message: "请输入二级项目方向", trigger: "blur" }
        ],
        fieldeara: [
          { required: true, message: "请输入三级项目方向", trigger: "blur" }
        ],
        attribute: [
          { required: true, message: "请输入项目服务领域", trigger: "blur" }
        ],
        postaladdress: [
          { required: true, message: "请输入通讯地址", trigger: "blur" }
        ],
        postalcode: [
          { required: true, message: "请输入邮政编码", trigger: "blur" }
        ],
        pmail: [{ required: true, message: "请输入电子邮箱", trigger: "blur" }],
        plegal: [
          { required: true, message: "请输入法定代表人", trigger: "blur" }
        ],
        plcode: [
          { required: true, message: "请输入法人代码", trigger: "blur" }
        ],
        pname: [
          { required: true, message: "请输入负责人姓名", trigger: "blur" }
        ],
        poster: [{ required: true, message: "请输入职务", trigger: "blur" }],
        poffice_tel: [
          { required: true, message: "请输入办公电话", trigger: "blur" }
        ],
        aphone: [{ required: true, message: "请输入手机", trigger: "blur" }],
        cname: [
          { required: true, message: "请输入负责人姓名", trigger: "blur" }
        ],
        cpost: [{ required: true, message: "请输入职务", trigger: "blur" }],
        coffice_tel: [
          { required: true, message: "请输入办公电话", trigger: "blur" }
        ],
        cphone: [{ required: true, message: "请输入手机", trigger: "blur" }]
        // aterm: [
        //   {
        //     type: "date",
        //     required: true,
        //     message: "请选择日期",
        //     trigger: "change"
        //   }
        // ],
        // fterm: [
        //   {
        //     type: "date",
        //     required: true,
        //     message: "请选择时间",
        //     trigger: "change"
        //   }
        // ]
      },
      rules1: {
        prespo: [
          { required: true, message: "请输入项目主责单位", trigger: "blur" }
        ],
        respoadd: [
          { required: true, message: "请输入通讯地址", trigger: "blur" }
        ],
        respopcode: [
          { required: true, message: "请输入邮政编码", trigger: "blur" }
        ],
        respomail: [
          {
            required: true, //是否必填
            message: "请输入邮箱地址", //错误提示信息
            trigger: "blur" //检验方式（blur为鼠标点击其他地方，）
          },
          {
            type: "email", //要检验的类型（number，email，date等）
            message: "请输入正确的邮箱地址",
            trigger: ["blur", "change"]
          }
        ],
        respopname: [
          { required: true, message: "请输入负责人姓名", trigger: "blur" }
        ],
        respopost: [
          { required: true, message: "请输入负责人职务", trigger: "blur" }
        ],
        respoophone: [
          { required: true, message: "请输入负责人办公电话", trigger: "blur" }
        ],

        respocname: [
          { required: true, message: "请输入联系人姓名", trigger: "blur" }
        ],
        respocpost: [
          { required: true, message: "请输入联系人职务", trigger: "blur" }
        ],
        respocophone: [
          { required: true, message: "请输入联系人办公电话", trigger: "blur" }
        ],

        respoptel: [
          { required: true, message: "请输入手机号", trigger: "blur" },
          {
            pattern: /^1[34578]\d{9}$/, //可以写正则表达式呦呦呦
            message: "请输入正确的手机号",
            trigger: "change"
          }
        ],
        respoctel: [
          { required: true, message: "请输入手机号", trigger: "blur" },
          {
            pattern: /^1[34578]\d{9}$/, //可以写正则表达式呦呦呦
            message: "请输入正确的手机号",
            trigger: "change"
          }
        ]
      },
      ruleForm1: {
        prespo: "",
        respoadd: "",
        respopcode: "",
        respomail: "",
        respophone: "",
        respopname: "",
        respopost: "",
        respoophone: "",
        respoptel: "",
        respocname: "",
        respocpost: "",
        respocophone: "",
        respoctel: ""
      },
      shili: "",
      shili1: "",
      shili3: "",
      shili2: "",
      shili4: "",
      shili5: "",
      shili6: "",
      shili7: "",
      shili8: "",
      shili9: "",
      shili20: "",
      shili21: "",
      convers: [],
      num: 0,
      index_num: 2,
      sub: 0,
      imgUrl1: {
        tg: require("../../../static/img/tg.png"),
        btg: require("../../../static/img/btg.png"),
        shz: require("../../../static/img/shz.png"),
        zxz: require("../../../static/img/zxz.png"),
        sx0: require("../../../static/img/sx0.png"),
        sx1: require("../../../static/img/sx1.png"),
        d0: require("../../../static/img/d0.png"),
        d1: require("../../../static/img/d1.png"),
        xd: require("../../../static/img/xd.png")
      },
      msg: "我们确认项目申报内容的真实性,并愿意承担相应的责任",
      state: 0,
      zt: 2,
      popupStatus: false,
      text: [
        "第一步：填写并提交项目申报书",
        "第二步：线上初筛审核",
        "第三步：项目初筛结果查询",
        "第四步：线下立项评审",
        "第五步：立项结果查询"
      ],
      zData: [],
      zDate: [],
      dataFile: null,
      id: Number,
      fileName: null,
      dialogTableVisible: false,
      dialogFormVisible: false,
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: ""
      },
      formLabelWidth: "120px",
      name: " ",
      imageUrl: " ",
      // shuju: [
      //   { name: '1月', id: 1 },
      //   { name: '2月', id: 2 },
      //   { name: '3月', id: 3 },
      //   { name: '4月', id: 4 },
      //   { name: '5月', id: 5 },
      //   { name: '6月', id: 6 },
      //   { name: '7月', id: 7 },
      //   { name: '8月', id: 8 },
      //   { name: '9月', id: 9 },
      //   { name: '10月', id: 10 },
      //   { name: '11月', id: 11 },
      //   { name: '12月', id: 12 }
      // ],
      fileLists: [],
      month: "",
      executio: null,
      pop: false,
      linkData: "",
      jiance: null,
      mont: null,
      newss: null,
      searchValue: [],
      proinfo: true,
      fileid: 0,
      filename: "",
      fileurl: "",
      status: false,
      progress: 0,

      index_num: 2,
      sub: 0,
      bgData: null,
      initialTextVal: "",
      initialText: "",
      aboutUsText: "<h1>aaa</h1>",
      aboutUsVal: "<h1>aaa</h1>",
      projectBriefVal: "",
      projectBriefText: "",
      projectAssessmentVal: "",
      projectAssessmentText: "",
      existingBasisVal: "",
      existingBasisText: "",
      methodsWayVal: "",
      methodsWayText: "",
      schedulingVal: "",
      schedulingText: "",
      desiredEffectVal: "",
      desiredEffectText: "",
      divisionLaborVal: "",
      divisionLaborText: "",
      coverVal: "",
      coverText: "",
      thff: true,
      imgUrl: {
        bg0: require("../../../static/img/bg0.png"),
        bg1: require("../../../static/img/bg1.png"),
        xa: require("../../../static/img/xa.png")
      },
      fileLists: [],
      popupStatus: false,
      first_levels: [],
      types: [],
      area: [],
      name: "",
      company: "",
      tid: "",
      rid: "",
      first_level: "",
      secondary: "",
      fieldeara: "",
      attribute: "",
      aterm1: "",
      fterm: "",
      postaladdress: "",
      postalcode: "",
      pmail: "",
      fax_tel: "",
      plegal: "",
      plcode: "",
      pname: "",
      poster: "",
      poffice_tel: "",
      aphone: "",
      cname: "",
      cpost: "",
      coffice_tel: "",
      cphone: "",
      prespo: "",
      respoadd: "",
      respopcode: "",
      respomail: "",
      respophone: "",
      respoctel: "",
      respopname: "",
      respopost: "",
      respoophone: "",
      respoptel: "",
      respocname: "",
      respocpost: "",
      respocophone: "",
      decldes: "",
      prodes: "",
      prodemo: "",
      prodemojc: "",
      prodemotj: "",
      prodemojd: "",
      prodemoxg: "",
      prodemofg: "",
      prodemotwo: "",
      funds: "",
      proimages: "",
      subStatus: 0,
      picture: [],
      pid: 0,
      imgs: [],
      imageUrl: "",
      imageUrl1: "",
      imageUrl2: "",
      imageUrl3: "",
      imageUrl4: "",
      idProject: "",
      fileurl: "",
      fileurl1: "",
      fileurl2: "",
      fileurl3: "",
      fileurl4: "",
      filename: "",
      filename1: "",
      filename2: "",
      filename3: "",
      filename4: "",
      sub1: 0,
      project_id: 0,
      previewinfo: {},
      // muban: require("../../../static/file/muban.docx")
      uploadname: ["", "", "", "", "", "", ""],
      shili2url:"",
      shili3url:"",
      shili4url:'',
      shili8url:'',
      shili20url:'',
      shili21url:'',
      down20:false,
      down21:false,
    };
  },
  computed: {},
  watch: {
    popupStatus(val) {
      if (val) {
        document.body.style.overflow = "hidden";
        document.addEventListener("touchmove", preD, {
          passive: false
        }); /** 禁止页面滑动 */
      } else {
        document.body.style.overflow = ""; /** 出现滚动条 */
        document.removeEventListener("touchmove", preD, { passive: false });
      }
    }
  },
  methods: {
    handlesuccess(e){
      console.log(e)
      this.shili2=e.data.name
      this.shili2url=e.data.url
      this.show1 = true
      this.executio.pifu = e.data.url
    },
      handlesuccess1(e){
      console.log(e)
      this.shili3=e.data.name
      this.shili3url=e.data.url
      this.show2 = true
      this.executio.pact = e.data.url
    },
      handlesuccess2(e){
      console.log(e)
      this.shili4=e.data.name
      this.shili4url=e.data.url
      this.show3 = true
      this.executio.promise = e.data.url
    },
    handlesuccess8(e){
      console.log(e)
      this.shili9=e.data.name
      this.shili8url=e.data.url
      this.show8 = true
    },
    handlesuccess20(e){
      // console.log('卜鑫哈哈',e)
      this.shili20=e.data.name
      this.shili20url=e.data.url
      this.show20 = true
    },
    handlesuccess21(e){
      console.log(e)
      this.shili21=e.data.name
      this.shili21url=e.data.url
      this.show21 = true
    },
    deleteP(){
      this.shili4=''
      this.shili4url=''
      this.show3 = false
    },
    deletepifu(){
      this.shili2=''
      this.shili2url=''
      this.show1 = false
    },
    deleteHet(){
      this.shili3=''
      this.shili3url=''
      this.show2 = false
    },
    deleteEit(){
      this.shili9=''
      this.shili8url=''
      this.show8 = false
    },
    delete20(){
      this.shili20=''
      this.shili20url=''
      this.show20 = false
    },
    delete21(){
      this.shili21=''
      this.shili21url=''
      this.show21 = false
    },
    save(){
      console.log(this.shili2url)
        let t = this
     t.$axios({
        url: "v1/pro/safefile",
        method: "post",
        data: {
          project_id:t.id,
          pifu:t.shili2url
        },
        headers: { "Content-Type": "multipart/form-data" },
      })
        .then(res => {
          console.log(res)
          if(res.data.code == 200){
              if(res.data.data.code == 400){
                this.$alert(
                "当前状态不允许上传文件,保存失败",
                "提示",
                {
                  confirmButtonText: "确定",
                  callback: action => {}
                }
              );
              return false;
              }else{
                 t.show1 = false
              }

          }else{
            this.$alert(
              "保存失败",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
             return false;
          }

        })
    },
        save1(){
      console.log(this.shili2url)
        let t = this
        this.$http({
        method: 'post',
        url: 'v1/pro/safefile',
        data: {
           project_id:t.id,
          pact:t.shili3url
        }
      }).then((res)=>{
        console.log(res)
        if(res.data.code == 200){
            if(res.data.data.code == 400){
                this.$alert(
                "当前状态不允许上传文件,保存失败",
                "提示",
                {
                  confirmButtonText: "确定",
                  callback: action => {}
                }
              );
              return false;
              }else{
                 t.show2 = false
              }
          }else{
            this.$alert(
              "当前项目为提交,保存失败",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
             return false;
          }
      })
    //  t.$axios({
    //     url: "/v1/pro/safefile",
    //     method: "post",
    //     data: {
          // id:t.id,
          // pact:t.shili3url
    //     },
    //     nol: 45,
    //     headers: { "Content-Type": "multipart/form-data" },
    //   })
    //     .then(res => {
    //       console.log(res)

    //     })
    },
        save2(){
      console.log(this.shili2url)
        let t = this
     t.$axios({
        url: "v1/pro/safefile",
        method: "post",
        data: {
          project_id:t.id,
          promise:t.shili4url
        },
        headers: { "Content-Type": "multipart/form-data" },
      })
        .then(res => {
          console.log(res)
          if(res.data.code == 200){
            if(res.data.data.code == 400){
                this.$alert(
                "当前状态不允许上传文件,保存失败",
                "提示",
                {
                  confirmButtonText: "确定",
                  callback: action => {}
                }
              );
              return false;
              }else{
                 t.show3 = false
              }
          }else{
            this.$alert(
              "当前项目为提交,保存失败",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
             return false;
          }

        })
    },
    save8(){
        let t = this
     t.$axios({
        url: "v1/pro/rectifi",
        method: "post",
        data: {
          project_id:t.id,
          rectifi:t.shili8url
        },
        headers: { "Content-Type": "multipart/form-data" },
      })
        .then(res => {
          console.log(res)
          if(res.data.code == 200){
            if(res.data.data.code == 400){
                this.$alert(
                "当前状态不允许上传文件,保存失败",
                "提示",
                {
                  confirmButtonText: "确定",
                  callback: action => {}
                }
              );
              return false;
              }else{
                 t.show8 = false
              }
          }else{
            this.$alert(
              "当前项目为提交,保存失败",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
             return false;
          }

        })
    },
    save20(){
     let t = this
     this.$confirm("此操作将保存提交当前上传的文件, 是否继续?", "提示", {
       confirmButtonText: "确定",
       cancelButtonText: "取消",
       type: "warning"
     }).then(()=>{
       t.$axios({
          url: "v1/pro/pro-en",
          method: "post",
          data: {
            project_id:t.id,
            declare:JSON.stringify([{name:t.shili20,url:t.shili20url}])
          },
          headers: { "Content-Type": "multipart/form-data" },
        })
          .then(res => {
            console.log(res)
            if(res.data.code == 200){
              t.down20 = true;
              if(res.data.data.code == 400){
                  this.$alert(
                  "当前状态不允许上传文件,保存失败",
                  "提示",
                  {
                    confirmButtonText: "确定",
                    callback: action => {}
                  }
                );
                return false;
                }else{
                   t.show20 = false
                }
            }else{
              this.$alert(
                "当前项目为提交,保存失败",
                "提示",
                {
                  confirmButtonText: "确定",
                  callback: action => {}
                }
              );
               return false;
            }

          })
     }).catch(() => {
            this.$message({
              type: "info",
              message: "已取消提交"
            });
          });

    },
    save21(){
     let t = this
     this.$confirm("此操作将保存提交当前上传的文件, 是否继续?", "提示", {
       confirmButtonText: "确定",
       cancelButtonText: "取消",
       type: "warning"
     }).then(()=>{
       t.$axios({
          url: "v1/pro/pro-en",
          method: "post",
          data: {
            project_id:t.id,
            implementation:JSON.stringify([{name:t.shili21,url:t.shili21url}])
          },
          headers: { "Content-Type": "multipart/form-data" },
        })
          .then(res => {
            console.log(res)
            if(res.data.code == 200){
              t.down21 = true;
              if(res.data.data.code == 400){
                  this.$alert(
                  "当前状态不允许上传文件,保存失败",
                  "提示",
                  {
                    confirmButtonText: "确定",
                    callback: action => {}
                  }
                );
                return false;
                }else{
                   t.show21 = false
                }
            }else{
              this.$alert(
                "当前项目为提交,保存失败",
                "提示",
                {
                  confirmButtonText: "确定",
                  callback: action => {}
                }
              );
               return false;
            }

          })
     }).catch(() => {
            this.$message({
              type: "info",
              message: "已取消提交"
            });
          });

    },
    uploadfile(f) {
      console.log(f);
      let formdata = new FormData();
      formdata.append("file", f.file);
      this.$axios({
        url: "v1/file/files",
        method: "post",
        data: formdata,
        nol: 45,
        headers: { "Content-Type": "multipart/form-data" },
        onUploadProgress: progressEvent => {
          // progressEvent.loaded:已上传文件大小
          // progressEvent.total:被上传文件的总大小

          // this.uploadname =  parseInt(progressEvent.loaded / progressEvent.total * 100)
          // console.log(this.uploadno,"mmmmmm")

          this.$set(
            this.uploadname,
            0,
            parseInt((progressEvent.loaded / progressEvent.total) * 100)
          );
          console.log(this.uploadname, "asd");
        }
      })
        .then(res => {
          // this.imageUrl = res.data.data
          if (res.data.code == 200) {
            if (this.uploadname[0] === 100) {
              // this.progressPercent = 0
              this.handleAvatarSuccess(res.data.data, f.file.name);
              // this.uploadfun.fun(res.data.data, f.file.name);
            }
          } else {
            this.$alert(
              "上传的项目申报书文件上传失败,请修改文件名长度后重新上传",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
            return false;
          }
        })
        .then(error => {
          console.log(error);
        });
      return;
    },
    uploadfile1(f) {
      console.log(f);
      let formdata = new FormData();
      formdata.append("file", f.file);
      this.$axios({
        url: "v1/file/files",
        method: "post",
        data: formdata,
        nol: 45,
        headers: { "Content-Type": "multipart/form-data" },
        onUploadProgress: progressEvent => {
          // progressEvent.loaded:已上传文件大小
          // progressEvent.total:被上传文件的总大小

          // this.uploadname =  parseInt(progressEvent.loaded / progressEvent.total * 100)
          // console.log(this.uploadno,"mmmmmm")

          this.$set(
            this.uploadname,
            1,
            parseInt((progressEvent.loaded / progressEvent.total) * 100)
          );
          console.log(this.uploadname, "asd");
        }
      })
        .then(res => {
          //console.log(res,'ddjsaljksadj')
          if (res.data.code == 200) {
            if (this.uploadname[1] === 100) {
              // this.progressPercent = 0
              this.handleAvatarSuccess1(res.data.data, f.file.name);
              // this.uploadfun.fun(res.data.data, f.file.name);
            }
          } else {
            this.$alert(
              "上传的实施方案文件上传失败,请修改文件名长度后重新上传",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
            return false;
          }
          // this.imageUrl = res.data.data
        })
        .then(error => {
          console.log(error);
        });
      return;
    },

    uploadfile2(f) {
      console.log(f);
      let formdata = new FormData();
      formdata.append("file", f.file);
      this.$axios({
        url: "v1/file/files",
        method: "post",
        data: formdata,
        nol: 45,
        headers: { "Content-Type": "multipart/form-data" },
        onUploadProgress: progressEvent => {
          // progressEvent.loaded:已上传文件大小
          // progressEvent.total:被上传文件的总大小

          // this.uploadname =  parseInt(progressEvent.loaded / progressEvent.total * 100)
          // console.log(this.uploadno,"mmmmmm")

          this.$set(
            this.uploadname,
            2,
            parseInt((progressEvent.loaded / progressEvent.total) * 100)
          );
          console.log(this.uploadname, "asd");
        }
      })
        .then(res => {
          // this.imageUrl = res.data.data
          if (res.data.code == 200) {
            if (this.uploadname[2] === 100) {
              // this.progressPercent = 0
              this.handleAvatarSuccess2(res.data.data, f.file.name);
              // this.uploadfun.fun(res.data.data, f.file.name);
            }
          } else {
            this.$alert(
              "上传的立项批复文件上传失败,请修改文件名长度后重新上传",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
            return false;
          }
        })
        .then(error => {
          console.log(error);
        });
      return;
    },

    uploadfile3(f) {
      console.log(f);
      let formdata = new FormData();
      formdata.append("file", f.file);
      this.$axios({
        url: "v1/file/files",
        method: "post",
        data: formdata,
        nol: 45,
        headers: { "Content-Type": "multipart/form-data" },
        onUploadProgress: progressEvent => {
          // progressEvent.loaded:已上传文件大小
          // progressEvent.total:被上传文件的总大小

          // this.uploadname =  parseInt(progressEvent.loaded / progressEvent.total * 100)
          // console.log(this.uploadno,"mmmmmm")

          this.$set(
            this.uploadname,
            3,
            parseInt((progressEvent.loaded / progressEvent.total) * 100)
          );
          console.log(this.uploadname, "asd");
        }
      })
        .then(res => {
          // this.imageUrl = res.data.data
          if (res.data.code == 200) {
            if (this.uploadname[3] === 100) {
              // this.progressPercent = 0
              this.handleAvatarSuccess3(res.data.data, f.file.name);
              // this.uploadfun.fun(res.data.data, f.file.name);
            }
          } else {
            this.$alert(
              "上传的项目合同文件上传失败,请修改文件名长度后重新上传",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
            return false;
          }
        })
        .then(error => {
          console.log(error);
        });
      return;
    },

    uploadfile4(f) {
      console.log(f);
      let formdata = new FormData();
      formdata.append("file", f.file);
      this.$axios({
        url: "v1/file/files",
        method: "post",
        data: formdata,
        nol: 45,
        headers: { "Content-Type": "multipart/form-data" },
        onUploadProgress: progressEvent => {
          // progressEvent.loaded:已上传文件大小
          // progressEvent.total:被上传文件的总大小

          // this.uploadname =  parseInt(progressEvent.loaded / progressEvent.total * 100)
          // console.log(this.uploadno,"mmmmmm")

          this.$set(
            this.uploadname,
            4,
            parseInt((progressEvent.loaded / progressEvent.total) * 100)
          );
          console.log(this.uploadname, "asd");
        }
      })
        .then(res => {
          if (res.data.code == 200) {
            if (this.uploadname[4] === 100) {
              // this.progressPercent = 0
              this.handleAvatarSuccess4(res.data.data, f.file.name);
              // this.uploadfun.fun(res.data.data, f.file.name);
            }
          } else {
            this.$alert(
              "上传的服务承诺书文件上传失败,请修改文件名长度后重新上传",
              "提示",
              {
                confirmButtonText: "确定",
                callback: action => {}
              }
            );
            return false;
          }
          // this.imageUrl = res.data.data
        })
        .then(error => {
          console.log(error);
        });
      return;
    },
    uploadfile20(f) {
      console.log(f);
      let formdata = new FormData();
      let _this = this
      formdata.append("file", f.file);
      this.$axios({
        url: "v1/file/files",
        method: "post",
        data: formdata,
        nol: 45,
        headers: { "Content-Type": "multipart/form-data" },
        onUploadProgress: progressEvent => {
          // progressEvent.loaded:已上传文件大小
          // progressEvent.total:被上传文件的总大小

          // this.uploadname =  parseInt(progressEvent.loaded / progressEvent.total * 100)
          // console.log(this.uploadno,"mmmmmm")

          this.$set(
            this.uploadname,
            2,
            parseInt((progressEvent.loaded / progressEvent.total) * 100)
          );
          console.log(this.uploadname, "asd");
        }
      })
        .then(res => {
          _this.shili20=res.data.data.name
          _this.shili20url=res.data.data.url
          _this.show20 = true
        })
        .then(error => {
          console.log(error);
        });
      return;
    },
uploadfile21(f) {
      // console.log(f);
      let formdata = new FormData();
      let _this = this
      formdata.append("file", f.file);
      this.$axios({
        url: "v1/file/files",
        method: "post",
        data: formdata,
        nol: 45,
        headers: { "Content-Type": "multipart/form-data" },
        onUploadProgress: progressEvent => {
          // progressEvent.loaded:已上传文件大小
          // progressEvent.total:被上传文件的总大小

          // this.uploadname =  parseInt(progressEvent.loaded / progressEvent.total * 100)
          // console.log(this.uploadno,"mmmmmm")

          this.$set(
            this.uploadname,
            2,
            parseInt((progressEvent.loaded / progressEvent.total) * 100)
          );
          // console.log(this.uploadname, "asd");
        }
      })
        .then(res => {
          _this.shili21=res.data.data.name
          _this.shili21url=res.data.data.url
          _this.show21 = true
          console.log(_this.shili21,'ewew1')
        })
        .then(error => {
          console.log(error);
        });
      return;
    },

    beforeupload() {},
    del() {
      this.filename = "";
      this.imageUrl = "";
      this.ruleForm.probook = "";
    },
    del1() {
      this.filename1 = "";
      this.imageUrl1 = "";
      this.ruleForm.fangan = "";
    },
    del2() {
      this.filename2 = "";
      this.imageUrl2 = "";
      this.ruleForm.pifu = "";
    },
    del3() {
      this.filename3 = "";
      this.imageUrl3 = "";
      this.ruleForm.pact = "";
    },
    del4() {
      this.filename4 = "";
      this.imageUrl4 = "";
      this.ruleForm.promise = "";
    },
    yulana(file) {
      console.log(file, 111);
      window.open(file.url);
      return;
    },
    yulana1(file) {
      console.log(file, 111);
      window.open(file.url);
      return;
    },
    change(e) {
      console.log(e);
      this.tid = e;
    },
    change1(e) {
      console.log(e);
      this.rid = e;
    },
    change2(e) {
      console.log(e);
      this.first_level = e;
    },
    submitForm(formName, a = 0) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          this.next(1);
          this.ruleForm.probook = this.fileurl.length
            ? this.fileurl
            : this.bgData.probook;
          this.ruleForm.fangan = this.fileurl1.length
            ? this.fileurl1
            : this.bgData.fangan;
          this.ruleForm.pifu = this.fileurl2.length
            ? this.fileurl2
            : this.bgData.pifu;
          this.ruleForm.pact = this.fileurl3.length
            ? this.fileurl3
            : this.bgData.pact;
          this.ruleForm.promise = this.fileurl4.length
            ? this.fileurl4
            : this.bgData.promise;
          if (this.filename.length) {
            if (a == 1) {
              this.submit(0);
            } else if (a == 2) {
              this.submit(1);
            }
          } else if (a != 0) {
            this.$alert("请上传项目申报书", "提示", {
              confirmButtonText: "确定",
              callback: action => {
                // this.$message({
                //   type: 'info',
                //   message: ''
                // });
              }
            });
            return false;
          }
          if (this.filename1.length) {
            if (a == 1) {
              this.submit(0);
            } else if (a == 2) {
              this.submit(1);
            }
          } else if (a != 0) {
            this.$alert("请上传实施方案", "提示", {
              confirmButtonText: "确定",
              callback: action => {
                // this.$message({
                //   type: 'info',
                //   message: ''
                // });
              }
            });
            return false;
          }
        } else {
          console.log("error submit!!");
          this.$alert("请完善资料", "提示", {
            confirmButtonText: "确定",
            callback: action => {
              // this.$message({
              //   type: 'info',
              //   message: ''
              // });
            }
          });
          return false;
        }
      });
    },
    resetForm(formName) {
      console.log(formName);
      this.$refs[formName].resetFields();
    },
    // downloadTxt(content, filename) {
    //   var eleLink = document.createElement('a');
    //   eleLink.download = filename;
    //   eleLink.style.display = 'none';
    //   // 字符内容转变成blob地址
    //   var blob = new Blob([content]);
    //   eleLink.href = URL.createObjectURL(blob);
    //   // 触发点击
    //   document.body.appendChild(eleLink);
    //   eleLink.click();
    //   // 然后移除
    //   document.body.removeChild(eleLink);
    // window.location.href = o; // 本窗口打开下载
    // window.open(centent, '_blank'); // 新开窗口下载
    // },
    thf() {
      this.thff = !this.thff;
    },
    next(e) {
      this.sub1 = e;
    },
    submitYes(e) {
      let _this = this;

      if (e == 1) {
        _this.ruleForm.subStatus = 1;
        // bgData
      } else {
        _this.ruleForm.subStatus = 2;
      }
      this.$http({
        method: "post",
        url: "v1/project/apply-two",
        data: this.ruleForm
      })
        .then(res => {
          if (res.data.code === 200) {
            if (res.data.data.code === 200) {
              // alert(res.data.data.msg);
              this.$message({
                type: "success",
                message: "保存成功!"
              });
              _this.proimages = "";
            _this.$router.go(0)
            } else {
              this.$message({
                type: "info",
                message: res.data.data.message
              });
              // alert(res.data.data.msg);
            }
          } else {
            this.$message({
              type: "info",
              message: res.data.data.message
            });
            // alert(res.data.message);
          }
        })
        .catch(err => {
          console.log(err);
        });
    },
    getDataDetails(id) {
      this.$http({
        method: "post",
        url: "v1/project/details",
        data: {
          id: this.id
        }
      })
        .then(res => {
          let m = 0;
          console.log(res, ".......");
          if (res.data.data.code === 200) {
            // this.bgData = res.data.data.data.ProjectDetails;
            this.zData = res.data.data.data.ProjectDetails;
            this.zDate = res.data.data.data.ProjectReview;
            this.zData.name1 = this.zData.name;
            // this.assignment(this.bgData);
            this.status = res.data.data.data.ProjectDetails.status;
            this.dataFile = JSON.parse(this.zData.proimages);
            let shili20 = this.zData.declare;
            if (shili20) {
              this.shili20 = JSON.parse(shili20)[0].name;
              this.shili20url = JSON.parse(shili20)[0].url;
              this.show20 = false;
              this.down20 = true;
            }
            // console.log(this.shili20,'bxbx')
            let shili21 = this.zData.implementation;
            if (shili21) {
              this.shili21 = JSON.parse(shili21)[0].name;
              this.shili21url = JSON.parse(shili21)[0].url;
              this.show21 = false
              this.down21 = true;
            }
            console.log(this.dataFile, 400);
            for (let i in res.data.data.data.ProjectReview) {
              if (res.data.data.data.ProjectReview[i].sta == 1) {
                m = i;
              }
            }
            console.log(m);
            for (let n in this.zDate) {
              if (n - m <= 0) {
                // this.$set(this.zDate[n],type,1)
                this.zDate[n].type = 1;
              } else {
                this.zDate[n].type = 0;
                // this.$set(this.zDate[n],type,0)
              }
            }

            // for(let w in this.zDate){
            //   if(w<=m){
            //     this.zDate[w].type=1
            //     console.log(w,"aaa")
            //   }else{
            //     this.zDate[w].type=0
            //   }
            // }
          } else {
            // alert("请求失败！");
          }
        })
        .catch(err => {
          console.log(err);
        });

      this.$http({
        method: "post",
        url: "v1/project/detset",
        data: {
          id: this.id
        }
      })
        .then(res => {
          let m = 0;
          console.log(res, ".......");
          if (res.data.data.code === 200) {
            this.ruleForm = res.data.data.data.ProjectDetails;
            // this.ruleForm.prodes=""
            this.bgData = res.data.data.data.ProjectDetails;
            if (
              res.data.data.data.ProjectDetails.status == 1 ||
              res.data.data.data.ProjectDetails.status == 4
            ) {
              this.ifupdate = true;
            } else {
              this.ifupdate = false;
            }
            // this.zData= res.data.data.data.ProjectDetails;
            // this.zDate= res.data.data.data.ProjectReview;
            if (this.ruleForm.probook) {
              this.imageUrl = "/index/timg.jpg";
              var index = this.ruleForm.probook.lastIndexOf(".");
              var filetype = this.ruleForm.probook.substr(index + 1);
              if (
                filetype == "png" ||
                filetype == "jpg" ||
                filetype == "jpeg"
              ) {
                this.imageUrl = this.ruleForm.probook;
              }
              // console.log(filetype,122220)
              if (filetype == "docx" || filetype == "doc") {
                this.imageUrl = "../static/img/word.png";
              } else if (filetype == "xls" || filetype == "xlsx") {
                this.imageUrl = "../static/img/excel.png";
              } else if (filetype == "pptx" || filetype == "ppt") {
                this.imageUrl = "../static/img/ppt.png";
              } else if (filetype == "pdf") {
                this.imageUrl = "../static/img/pdf.jpg";
              } else if (filetype == "zip" || filetype == "rar") {
                this.imageUrl = "/static/img/zip.png";
              } else if (filetype == "txt") {
                this.imageUrl = "/static/img/txt.jpg";
              }
            }
            if (this.ruleForm.fangan) {
              this.imageUrl1 = "/index/timg.jpg";
              var index = this.ruleForm.fangan.lastIndexOf(".");
              var filetype = this.ruleForm.fangan.substr(index + 1);
              if (
                filetype == "png" ||
                filetype == "jpg" ||
                filetype == "jpeg"
              ) {
                this.imageUrl1 = this.ruleForm.fangan;
              }

              // console.log(filetype,122220)
              if (filetype == "docx" || filetype == "doc") {
                this.imageUrl1 = "../static/img/word.png";
              } else if (filetype == "xls" || filetype == "xlsx") {
                this.imageUrl1 = "../static/img/excel.png";
              } else if (filetype == "pptx" || filetype == "ppt") {
                this.imageUrl1 = "../static/img/ppt.png";
              } else if (filetype == "pdf") {
                this.imageUrl1 = "../static/img/pdf.jpg";
              } else if (filetype == "zip" || filetype == "rar") {
                this.imageUrl1 = "/static/img/zip.png";
              } else if (filetype == "txt") {
                this.imageUrl1 = "/static/img/txt.jpg";
              }
            }
            if (this.ruleForm.pifu) {
              this.imageUrl2 = "/index/timg.jpg";
              var index = this.ruleForm.pifu.lastIndexOf(".");
              var filetype = this.ruleForm.pifu.substr(index + 1);
              if (
                filetype == "png" ||
                filetype == "jpg" ||
                filetype == "jpeg"
              ) {
                this.imageUrl2 = this.ruleForm.pifu;
              }
              // console.log(filetype,122220)
              if (filetype == "docx" || filetype == "doc") {
                this.imageUrl2 = "../static/img/word.png";
              } else if (filetype == "xls" || filetype == "xlsx") {
                this.imageUrl2 = "../static/img/excel.png";
              } else if (filetype == "pptx" || filetype == "ppt") {
                this.imageUrl2 = "../static/img/ppt.png";
              } else if (filetype == "pdf") {
                this.imageUrl2 = "../static/img/pdf.jpg";
              } else if (filetype == "zip" || filetype == "rar") {
                this.imageUrl2 = "/static/img/zip.png";
              } else if (filetype == "txt") {
                this.imageUrl2 = "/static/img/txt.jpg";
              }
            }
            if (this.ruleForm.pact) {
              console.log(this.ruleForm.pact, "pact");
              this.imageUrl3 = "/index/timg.jpg";
              var index = this.ruleForm.pact.lastIndexOf(".");
              var filetype = this.ruleForm.pact.substr(index + 1);
              if (
                filetype == "png" ||
                filetype == "jpg" ||
                filetype == "jpeg"
              ) {
                this.imageUrl3 = this.ruleForm.pact;
              }
              // console.log(filetype,122220)
              if (filetype == "docx" || filetype == "doc") {
                this.imageUrl3 = "../static/img/word.png";
              } else if (filetype == "xls" || filetype == "xlsx") {
                this.imageUrl3 = "../static/img/excel.png";
              } else if (filetype == "pptx" || filetype == "ppt") {
                this.imageUrl3 = "../static/img/ppt.png";
              } else if (filetype == "pdf") {
                this.imageUrl3 = "../static/img/pdf.jpg";
              } else if (filetype == "zip" || filetype == "rar") {
                this.imageUrl3 = "/static/img/zip.png";
              } else if (filetype == "txt") {
                this.imageUrl3 = "/static/img/txt.jpg";
              }
            }
            if (this.ruleForm.promise) {
              this.imageUrl4 = "/index/timg.jpg";
              var index = this.ruleForm.promise.lastIndexOf(".");
              var filetype = this.ruleForm.promise.substr(index + 1);
              if (
                filetype == "png" ||
                filetype == "jpg" ||
                filetype == "jpeg"
              ) {
                this.imageUrl4 = this.ruleForm.promise;
              }
              // console.log(filetype,122220)
              if (filetype == "docx" || filetype == "doc") {
                this.imageUrl4 = "../static/img/word.png";
              } else if (filetype == "xls" || filetype == "xlsx") {
                this.imageUrl4 = "../static/img/excel.png";
              } else if (filetype == "pptx" || filetype == "ppt") {
                this.imageUrl4 = "../static/img/ppt.png";
              } else if (filetype == "pdf") {
                this.imageUrl4 = "../static/img/pdf.jpg";
              } else if (filetype == "zip" || filetype == "rar") {
                this.imageUrl4 = "/static/img/zip.png";
              } else if (filetype == "txt") {
                this.imageUrl4 = "/static/img/txt.jpg";
              }
            }
            for (let m in this.ruleForm1) {
              this.ruleForm1[m] = this.ruleForm[m];
            }
            this.assignment(this.bgData);
            this.filename = this.ruleForm.probook
              ? this.ruleForm.probook.substring(
                  this.ruleForm.probook.lastIndexOf("/") + 1
                )
              : "";
            this.filename1 = this.ruleForm.fangan
              ? this.ruleForm.fangan.substring(
                  this.ruleForm.fangan.lastIndexOf("/") + 1
                )
              : "";
            this.filename2 = this.ruleForm.pifu
              ? this.ruleForm.pifu.substring(
                  this.ruleForm.pifu.lastIndexOf("/") + 1
                )
              : "";
            this.filename3 = this.ruleForm.pact
              ? this.ruleForm.pact.substring(
                  this.ruleForm.pact.lastIndexOf("/") + 1
                )
              : "";
            this.filename4 = this.ruleForm.promise
              ? this.ruleForm.promise.substring(
                  this.ruleForm.promise.lastIndexOf("/") + 1
                )
              : "";
            // this.status=res.data.data.data.ProjectDetails.status;
            // for(let i in res.data.data.data.ProjectReview){
            //   if(res.data.data.data.ProjectReview[i].sta==1){
            //     m=i
            //   }
            // }
            console.log(m);
            // for (let n in this.zDate) {
            //   if (n - m <= 0) {
            //     this.zDate[n].type = 1;
            //   } else {
            //     this.zDate[n].type = 0;
            //   }
            // }
            // for(let w in this.zDate){
            //   if(w<=m){
            //     this.zDate[w].type=1
            //     console.log(w,"aaa")
            //   }else{
            //     this.zDate[w].type=0
            //   }
            // }
          } else {
            // alert("请求失败！");
          }
        })
        .catch(err => {
          console.log(err);
        });
    },
    assignment(data) {
      this.name = data.name;
      // this.company = data.company
      for (var prop in this.types) {
        if (data.tid === this.types[prop]) {
          this.tid = prop;
        }
      }

      for (let prop in this.area) {
        if (data.rid === this.area[prop]) {
          this.rid = prop;
        }
      }

      // this.area.forEach((item, index) => {
      //   if (data.rid === item) {
      //     this.rid = parseInt(index)
      //   }
      // })

      for (let prop in this.first_levels) {
        if (data.first_level === this.first_levels[prop]) {
          this.first_level = prop;
        }
      }
      this.secondary = data.secondary;
      this.fieldeara = data.fieldeara;
      this.attribute = data.attribute;
      this.aterm = data.aterm;
      this.fterm = data.fterm;
      this.postaladdress = data.postaladdress;
      this.postalcode = data.postalcode;
      this.pmail = data.pmail;
      this.fax_tel = data.fax_tel;
      this.plegal = data.plegal;
      this.plcode = data.plcode;
      this.pname = data.pname;
      this.poster = data.poster;
      this.poffice_tel = data.poffice_tel;
      this.aphone = data.aphone;
      this.cname = data.cname;
      this.cpost = data.cpost;
      this.coffice_tel = data.coffice_tel;
      this.cphone = data.cphone;
      this.prespo = data.prespo;
      this.respoadd = data.respoadd;
      this.respopcode = data.respopcode;
      this.respomail = data.respomail;
      this.respophone = data.respophone;
      this.respopname = data.respopname;
      this.respopost = data.respopost;
      this.respoophone = data.respoophone;
      this.respoptel = data.respoptel;
      this.respocname = data.respocname;
      this.respocpost = data.respocpost;
      this.respocophone = data.respocophone;
      this.respoctel = data.respoctel;
      this.aboutUsVal = data.decldes;
      this.aboutUsText = data.decldes;
      this.projectBriefVal = data.prodes;
      this.projectBriefText = data.prodes;
      this.projectAssessmentVal = data.prodemo;
      this.projectAssessmentText = data.prodemo;
      this.existingBasisVal = data.prodemojc;
      this.existingBasisText = data.prodemojc;
      this.methodsWayVal = data.prodemotj;
      this.methodsWayText = data.prodemotj;
      this.schedulingVal = data.prodemojd;
      this.schedulingText = data.prodemojd;
      this.desiredEffectVal = data.prodemoxg;
      this.desiredEffectText = data.prodemoxg;
      this.divisionLaborVal = data.prodemofg;
      this.divisionLaborText = data.prodemofg;
      this.coverVal = data.prodemotwo;
      this.coverText = data.prodemotwo;
      this.initialTextVal = data.funds;
      this.initialText = data.funds;

      this.pid = data.id;

      let imgs = JSON.parse(data.proimages);
      this.fileLists = imgs;
      this.picture = this.fileLists;
    },
    submit(index) {
      if (index == 0) {
        this.$confirm("此操作将保存当前填写的内容, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            for (let m in this.ruleForm1) {
              this.ruleForm[m] = this.ruleForm1[m];
            }
            console.log(this.ruleForm);
            for (let a in this.types) {
              console.log(this.types[a]);
              if (this.types[a] == this.ruleForm.tid) {
                this.ruleForm.tid = a;
                console.log(this.ruleForm.tid, "aaa");
              }
            }
            for (let b in this.area) {
              // console.log(this.types[i])
              if (this.area[b] == this.ruleForm.rid) {
                this.ruleForm.rid = b;
                // console.log(this.ruleForm.rid)
              }
            }
            for (let c in this.first_levels) {
              // console.log(this.types[i])
              if (this.first_levels[c] == this.ruleForm.first_level) {
                this.ruleForm.first_level = c;
                // console.log(this.ruleForm.first_level)
              }
            }
            this.ruleForm.party_id = sessionStorage.getItem("party_id");
            this.ruleForm.proimages = JSON.stringify(this.fileLists);
            this.ruleForm.project_id = this.$route.params.id;
            this.ruleForm.probook = this.fileurl.length
              ? this.fileurl
              : this.bgData.probook;
            this.ruleForm.fangan = this.fileurl1.length
              ? this.fileurl1
              : this.bgData.fangan;
            this.ruleForm.pifu = this.fileurl2.length
              ? this.fileurl2
              : this.bgData.pifu;
            this.ruleForm.pact = this.fileurl3.length
              ? this.fileurl3
              : this.bgData.pact;
            this.ruleForm.promise = this.fileurl4.length
              ? this.fileurl4
              : this.bgData.promise;
            // this.ruleForm.probook = this.fileurl;
            // this.ruleForm.fangan = this.fileurl1;
            // this.ruleForm.pifu = this.fileurl2;
            // this.ruleForm.pact = this.fileurl3;
            // this.ruleForm.promise = this.fileurl4;
            // this.submitYes(index);
            console.log(this.ruleForm.prodes, "jkl");
            if (this.ruleForm.prodes.length == 0 || this.ruleForm.prodes=="") {
              this.$alert("项目简介不能为空并不得低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemo.length == 0 || this.ruleForm.prodemo=="") {
              this.$alert("项目实施必要性不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemojc.length == 0 || this.ruleForm.prodemojc=="") {
              this.$alert("项目实施的基础不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemotj.length == 0 || this.ruleForm.prodemotj=="") {
              this.$alert("具体方法和途径不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemojd.length == 0 || this.ruleForm.prodemojd=="") {
              this.$alert("进度安排不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemoxg.length == 0 || this.ruleForm.prodemoxg=="") {
              this.$alert("预期效果不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemofg.length == 0 || this.ruleForm.prodemofg=="") {
              this.$alert("项目团队及分工不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemotwo.length == 0 || this.ruleForm.prodemotwo=="") {
              this.$alert(
                "项目实施涵盖范围,规模,人群及创新等不能为空并不的低于四个汉字",
                "提示",
                {
                  confirmButtonText: "确定",
                  callback: action => {}
                }
              );
              return false;
            } else if (this.ruleForm.funds.length == 0 || this.ruleForm.funds=="") {
              this.$alert("经费预算不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (
              this.ruleForm.probook.length == 0 //&&
              //&&
              // this.ruleForm.pifu.length &&
              // this.ruleForm.pact.length &&
              // this.ruleForm.promise.length
            ) {
              this.$alert("请上传项目申报书", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
            } else if (this.ruleForm.fangan.length == 0) {
              this.$alert("请上传实施方案", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
            } else {
              this.submitYes(index);
            }
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消保存"
            });
          });
      } else if (index == 1) {
        this.$confirm("确认是否提交项目优化信息，提交后不可修改！", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            for (let m in this.ruleForm1) {
              this.ruleForm[m] = this.ruleForm1[m];
            }
            console.log(this.ruleForm);
            for (let a in this.types) {
              console.log(this.types[a]);
              if (this.types[a] == this.ruleForm.tid) {
                this.ruleForm.tid = a;
                console.log(this.ruleForm.tid, "aaa");
              }
            }
            for (let b in this.area) {
              // console.log(this.types[i])
              if (this.area[b] == this.ruleForm.rid) {
                this.ruleForm.rid = b;
                // console.log(this.ruleForm.rid)
              }
            }
            for (let c in this.first_levels) {
              // console.log(this.types[i])
              if (this.first_levels[c] == this.ruleForm.first_level) {
                this.ruleForm.first_level = c;
                // console.log(this.ruleForm.first_level)
              }
            }
            this.ruleForm.party_id = sessionStorage.getItem("party_id");
            this.ruleForm.proimages = JSON.stringify(this.fileLists);
            this.ruleForm.project_id = this.$route.params.id;
            this.ruleForm.probook = this.fileurl.length
              ? this.fileurl
              : this.bgData.probook;
            this.ruleForm.fangan = this.fileurl1.length
              ? this.fileurl1
              : this.bgData.fangan;
            this.ruleForm.pifu = this.fileurl2.length
              ? this.fileurl2
              : this.bgData.pifu;
            this.ruleForm.pact = this.fileurl3.length
              ? this.fileurl3
              : this.bgData.pact;
            this.ruleForm.promise = this.fileurl4.length
              ? this.fileurl4
              : this.bgData.promise;
            // this.ruleForm.probook = this.fileurl;
            // this.ruleForm.fangan = this.fileurl1;
            // this.ruleForm.pifu = this.fileurl2;
            // this.ruleForm.pact = this.fileurl3;
            // this.ruleForm.promise = this.fileurl4;
            // console.log(this.ruleForm.funds.length,'casacsa')
            if (this.ruleForm.prodes.length == 0) {
              this.$alert("项目简介不能为空并不得低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemo.length == 0) {
              this.$alert("项目实施必要性不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemojc.length == 0) {
              this.$alert("项目实施的基础不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemotj.length == 0) {
              this.$alert("具体方法和途径不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemojd.length == 0) {
              this.$alert("进度安排不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemoxg.length == 0) {
              this.$alert("预期效果不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemofg.length == 0) {
              this.$alert("项目团队及分工不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.prodemotwo.length == 0) {
              this.$alert(
                "项目实施涵盖范围,规模,人群及创新等不能为空并不的低于四个汉字",
                "提示",
                {
                  confirmButtonText: "确定",
                  callback: action => {}
                }
              );
              return false;
            } else if (this.ruleForm.funds.length == 0) {
              this.$alert("经费预算不能为空并不的低于四个汉字", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
              return false;
            } else if (this.ruleForm.probook.length == 0) {
              this.$alert("请上传项目申报书", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
            } else if (this.ruleForm.fangan.length == 0) {
              this.$alert("请上传实施方案", "提示", {
                confirmButtonText: "确定",
                callback: action => {}
              });
            } else {
              this.submitYes(index);
            }
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消提交"
            });
          });
      }
    },
    beforeAvatarUpload() {},
    handleAvatarSuccess(res, file) {
      if (this.bgData.status == 1 || this.bgData.status == 4) {
        this.$message.warning("已提交的的附件不能修改");
      } else {
        console.log(res, 1002);
        let houzui = file.split(".");
        houzui = houzui[houzui.length - 1];
        console.log(res, file);
        this.fileurl = res.url;
        this.filename = res.name;
        +"." + res.extension;
        this.ruleForm.probook = res.url;

        if (houzui == "doc" || houzui == "docx") {
          this.imageUrl = "/static/img/word.png";
        } else if (houzui == "pptx" || houzui == "ppt") {
          this.imageUrl = "/static/img/ppt.png";
        } else if (houzui == "pdf") {
          this.imageUrl = "/static/img/pdf.jpg";
        } else if (houzui == "xls" || houzui == "xlsx") {
          this.imageUrl = "/static/img/excel.png";
        } else if (houzui == "jpg" || houzui == "jpeg" || houzui == "png") {
          this.imageUrl = res.url;
        } else if (houzui == "zip" || houzui == "rar") {
          this.imageUrl = "/static/img/zip.png";
        } else if (filetype == "txt") {
          this.imageUrl = "/static/img/txt.jpg";
        }
        this.fileid = res.id;
      }

      // if (this.bgData.status == 1 || this.bgData.status == 4) {
      //   this.$message.warning("已提交的的附件不能更改");
      // } else {
      //   console.log(res, 1002);
      //   let houzui = file.split(".");
      //   houzui = houzui[houzui.length - 1];
      //   console.log(res, file);
      //   this.fileurl = res.url;
      //   this.filename = res.name;
      //   +"." + res.extension;
      //   this.ruleForm.probook = res.url;

      //   if (houzui == "doc" || houzui == "docx") {
      //     this.imageUrl = "/static/img/word.png";
      //   } else if (houzui == "pptx" || houzui == "ppt") {
      //     this.imageUrl = "/static/img/ppt.png";
      //   } else if (houzui == "pdf") {
      //     this.imageUrl = "/static/img/pdf.jpg";
      //   } else if (houzui == "xls" || houzui == "xlsx") {
      //     this.imageUrl = "/static/img/excel.png";
      //   } else if (houzui == "jpg" || houzui == "jpeg" || houzui == "png") {
      //     this.imageUrl = res.url;
      //   } else if (houzui == "zip" || houzui == "rar") {
      //     this.imageUrl = "/static/img/zip.png";
      //   }else if (filetype == "txt") {
      //           this.imageUrl = "/static/img/txt.jpg";
      //         }
      //   this.fileid = res.id;

      //   // var index = file.response.data.url.lastIndexOf(".");
      //   // var filetype = file.response.data.url.substr(index + 1);
      //   // this.fileid = file.response.data.id;
      //   // this.filename = file.response.data.name + "." + filetype;
      //   // this.fileurl = file.response.data.url;
      //   // this.ruleForm.probook = file.response.data.url;

      //   // console.log(filetype);
      //   // if (filetype == "png" || filetype == "jpg" || filetype == "jpeg") {
      //   //   this.imageUrl = file.response.data.url;
      //   //   console.log(file.response.data.url);
      //   // } else {
      //   //   this.imageUrl = "/index/timg.jpg";
      //   // }
      //   // console.log(file);
      // }

      // this.imageUrl = URL.createObjectURL(file.raw);
      // if (
      //   file.response.data.extension == "docx" ||
      //   file.response.data.extension == "doc"
      // ) {
      //   this.imageUrl = "../static/img/word.png";
      // } else if (
      //   file.response.data.extension == "xls" ||
      //   file.response.data.extension == "xlsx"
      // ) {
      //   this.imageUrl = "../static/img/excel.png";
      // } else if (
      //   file.response.data.extension == "pptx" ||
      //   file.response.data.extension == "ppt"
      // ) {
      //   this.imageUrl = "../static/img/ppt.png";
      // } else if (file.response.data.extension == "pdf") {
      //   this.imageUrl = "../static/img/pdf.jpg";
      // }
    },
    successUpload(response, file, fileList) {
      if (this.picture.length > 0) {
        this.picture.splice(1, 1);
        this.$message.error("只能上传一张文件");

        return;
      } else {
        this.picture.push({
          name: file.name,
          url: file.response.data.url
        });
      }
    },
    successUploadTwo(response, file, fileList) {
      this.fileid = file.response.data.id;
      this.filename = file.response.data.name;
      this.fileurl = file.response.data.url;
      this.fileLists1.push(file.response.data);
      //this.fileLists1[0] = file.response.data;
      this.dianziurl = file.response.data.url;
      // this.fileLists1.push(file.response.data);
      console.log(this.fileLists1);
    },
    successUploadThree(response, file, fileList) {
      this.fileid = file.response.data.id;
      this.filename = file.response.data.name;
      this.fileurl = file.response.data.url;
      this.fileLists2.push(file.response.data);
      //this.fileLists2[0] = file.response.data;
      this.xinweiurl = file.response.data.url;
      // this.fileLists.push(file.response.data);
      // this.fileLists.push(file.response.data);
      console.log(file);
    },
    handleRemove1(file, fileList) {
      console.log(12220);
      this.dianziurl != "" && (this.dianziurl = "");
      this.xinweiurl != "" && (this.xinweiurl = "");
      this.fileLists1.forEach(element => {
        console.log(file, element);
        if (file.name === element.name) {
          console.log(this.fileLists1.lastIndexOf(element), "del");

          this.fileLists1.splice(this.fileLists1.lastIndexOf(element), 1);
        }
      });
      console.log(this.fileLists1);
      return;
      // if (!this.ifupdate) {
      // this.picture.forEach(element => {
      //   if (file.name === element.name) {
      //     this.picture.splice(element, 1);
      //   }
      // });
      // return this.$confirm(`确定移除 ${file.name} ?`);
      // } else {
      //   // this.dataFile = JSON.pardse(this.zData.proimages);
      //   //  this.fileLists[0]=file
      //   this.$set(this.fileLists, 0, file);
      //   //  console.log(this.fileLists)
      //   // this.$message.warning("已提交的的附件不能删除");
      //   return;
      // }
    },
    handleRemove2(file, fileList) {
      console.log(12220);
      this.dianziurl != "" && (this.dianziurl = "");
      this.xinweiurl != "" && (this.xinweiurl = "");
      this.fileLists2.forEach(element => {
        console.log(file, element);
        if (file.name === element.name) {
          console.log(this.fileLists2.lastIndexOf(element), "del");

          this.fileLists2.splice(this.fileLists2.lastIndexOf(element), 1);
        }
      });
      console.log(this.fileLists2);
      return;
      // if (!this.ifupdate) {
      // this.picture.forEach(element => {
      //   if (file.name === element.name) {
      //     this.picture.splice(element, 1);
      //   }
      // });
      // return this.$confirm(`确定移除 ${file.name} ?`);
      // } else {
      //   // this.dataFile = JSON.pardse(this.zData.proimages);
      //   //  this.fileLists[0]=file
      //   this.$set(this.fileLists, 0, file);
      //   //  console.log(this.fileLists)
      //   // this.$message.warning("已提交的的附件不能删除");
      //   return;
      // }
    },
    handleRemove(file, fileList) {
      if (!this.ifupdate) {
        this.picture.forEach(element => {
          if (file.name === element.name) {
            this.picture.splice(element, 1);
          }
        });
        // return this.$confirm(`确定移除 ${file.name} ?`);
      }
      // else {
      //   // this.dataFile = JSON.pardse(this.zData.proimages);
      //   //  this.fileLists[0]=file
      //   this.$set(this.fileLists, 0, file);
      //   //  console.log(this.fileLists)
      //   this.$message.warning("已提交的的附件不能修改");
      //   return;
      // }
    },
    handlePreview(file) {
      console.log(file);
      this.previewinfo = file;
      if (!!window.ActiveXObject || "ActiveXObject" in window) {
        alert("推荐谷歌进行文件预览");
      } else {
        window.open(file.url); //blob格式地址
      }
    },
    handleExceed(files, fileList) {
      this.$message.warning(
        `当前限制选择 10 个文件，本次选择了 ${
          files.length
        } 个文件，共选择了 ${files.length + fileList.length} 个文件`
      );
    },
    handleExceed1(files, fileList) {
      this.$message.warning(
        `当前限制选择 1 个文件，本次选择了 ${
          files.length
        } 个文件，共选择了 ${files.length + fileList.length} 个文件`
      );
    },
    beforeRemove1(file, fileList) {
      // this.$$confirm(`确定移除 ${file.name} ?`)
      // this.$message.warning("信息查看能删除");
      // if (this.status == 1000) {
      //   return this.$confirm(`确定移除 ${file.name} ?`);
      // } else {
      //   // this.fileLists = JSON.parse(this.executio.mon);
      //   // this.$message.warning("已提交的的附件不能删除");
      //   // console.log(file,111)
      //   // console.log(fileList)
      //   // this.fileLists1[0] = file;
      //   // this.fileLists = JSON.parse(this.zData.proimages);
      //   return;
      // }
      // return this.$confirm(`确定移除 ${file.name} ?`);
    },
    beforeRemove(file, fileList) {
      console.log(this.ifupdate);
      if (this.ifupdate) {
        this.$message.warning("已提交的的附件不能删除");
        //this.fileLists[0] = file;
        return false;
      } else {
        return this.$confirm(`确定移除 ${file.name} ?`);
        // this.fileLists = JSON.parse(this.executio.mon);

        // console.log(file,111)
        // console.log(fileList)

        this.$message.success("删除成功");
        // this.fileLists = JSON.parse(this.zData.proimages);

        return;
      }

      // return this.$confirm(`确定移除 ${file.name} ?`);
    },
    subBtn() {
      // console.log(this.zData.id, this.month)
      // return false
      var strtime = "2014-04-23 18:55:49:123";
      // 可以这样做
      console.log(this.month);
      // var date = new Date(this.month.replace(/-/g, "/"));
      // var datefin = Math.round(date.getTime() / 1000).toString();
      // let datefin1=datefin.substr(0,datefin.length-2)
      // console.log(datefin1)

      // zzzz
      this.$confirm("此操作将保存当前填写的内容, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        if (this.fileLists1.length) {
          if (this.month) {
            this.$http({
              method: "post",
              url: "v1/pro/mon",
              data: {
                // project_id: this.zData.id,
                project_id: this.id,
                month: Math.round(this.month / 1000),
                elereport: JSON.stringify(this.fileLists1),
                pid: this.fileLists1[0].id,
                name: this.fileLists1[0].name
              }
            })
              .then(res => {
                if (res.data.data.code === 200) {
                  console.log(res, 15656);
                  this.dialogTableVisible = false;
                  this.month = "";
                  this.getPostData();
                  this.$message({
                    type: "success",
                    message: "操作成功"
                  });
                  this.fileLists1 = [];
                  this.dianziurl = "";
                  // this.zData.name="";
                  // this.zData.company=""
                } else {
                  this.$message({
                    type: "error",
                    message: res.data.data.message
                  });
                  this.month = "";
                  this.dianziurl = "";
                  this.fileLists1 = [];
                  this.dialogTableVisible = false;
                  // alert("请求失败！");
                }
              })
              .catch(err => {
                console.log(err);
              });
          } else {
            this.$message({
              type: "error",
              message: "请选择日期"
            });
          }
        } else {
          this.$message({
            type: "error",
            message: "请先上传电子版文件"
          });
          //     this.$alert("请先上传电子版文件", "提示", {
          //   confirmButtonText: "确定",
          //   callback: action => {
          //     // this.$message({
          //     //   type: 'info',
          //     //   message: ''
          //     // });
          //   }
          // });
        }
      });
    },
    toclose() {
      this.month = "";
      this.fileLists1 = [];
      this.fileLists2 = [];
    },
    subsBun() {
      console.log(this.fileLists);
      // var date = new Date(this.month.replace(/-/g, "/"));
      // var datefin = Math.round(date.getTime() / 1000).toString();
      if (this.fileLists2[0]) {
        if (this.month) {
          this.$http({
            method: "post",
            url: "v1/pro/news",
            data: {
              project_id: this.id,
              // project:this.$route.query.id,
              month: Math.round(this.month / 1000),
              // pid: this.fileid,
              // name: this.filename ? this.filename : this.zData.name1,
              elereport: JSON.stringify(this.fileLists2),
              pid: this.fileLists2[0].id,
              name: this.fileLists2[0].name
            }
          })
            .then(res => {
              if (res.data.data.code === 200) {
                console.log(res, 15656);
                this.dialogFormVisible = false;
                this.getPostData();
                this.fileLists2 = [];
                this.$message({
                  type: "success",
                  message: "操作成功"
                });
                this.month = "";
                this.xinweiurl = "";
              } else {
                this.$message({
                  type: "error",
                  message: res.data.data.message
                });
                this.month = "";
                this.xinweiurl = "";
                this.fileLists2 = [];
                this.dialogFormVisible = false;
              }
            })
            .catch(err => {
              console.log(err);
            });
        } else {
          this.$message({
            type: "error",
            message: "请选择日期"
          });
        }
      } else {
        this.$message({
          type: "error",
          message: "请先上传电子版新闻稿"
        });
      }
    },
    hreftwo() {
      this.$jP("appcationnew", { id: this.id });
    },
    aterm() {},
    tableData() {},
    excute() {
      this.$router.replace("/excute");
    },
    over() {
      this.$router.replace("/over");
    },
    submit_mid() {
      var nowtime = Math.round(new Date().getTime() / 1000);
      console.log(nowtime);
      console.log(parseInt(this.executio.zq_time[0]));
      console.log(parseInt(this.executio.zq_time[1]));
      console.log(nowtime > parseInt(this.executio.zq_time[0]));
      console.log(nowtime < parseInt(this.executio.zq_time[1]));

      this.$jP("submit_mid", { id: this.id });
      // if (
      //   nowtime > parseInt(this.executio.zq_time[0]) &&
      //   nowtime < parseInt(this.executio.zq_time[1])
      // ) {
      //   this.$jP("submit_mid", { id: this.id });
      // } else {
      //   this.$message({
      //     type: "error",
      //     message: "申报时间尚未开始"
      //   });
      // }
      // if(this.executio)

      // this.$jP("submit_mid", { id: this.id });

      //  $jParams('submit_mid', { id: item.id }
      // this.$router.replace("/submit_mid");
    },
    post_pro() {
      var nowtime = Math.round(new Date().getTime() / 1000);
      console.log(nowtime);
      console.log(this.executio.jx_time[0]);
      console.log(this.executio.jx_time[1]);
      console.log(nowtime > this.executio.jx_time[0]);
      console.log(nowtime < this.executio.jx_time[1]);

      this.$jP("post_pro", { id: this.id });
      // if (
      //   nowtime > this.executio.jx_time[0] &&
      //   nowtime < this.executio.jx_time[1]
      // ) {
      //   this.$jP("post_pro", { id: this.id });
      // } else {
      //   this.$message({
      //     type: "error",
      //     message: "申报时间尚未开始"
      //   });
      // }

      // this.$router.replace("/post_pro");
    },
    download() {
      this.getPdf("pdfDom", "项目申请书");
    },
    preview() {
      this.popupStatus = !this.popupStatus;
    },
    btn(index) {
      let s = this.sub;
      s = index;
      this.sub = s;
    },
    getData() {
      let _this = this;
      this.$http({
        method: "get",
        url: "v1/project/get-info",
        data: {}
      })
        .then(res => {
          if (res.data.code === 200) {
            _this.types = res.data.data.type;
            _this.area = res.data.data.area;
            _this.first_levels = res.data.data.first_level;
            if (this.$route.query.id) {
              console.log("回显参数的方法");
              let id = this.$route.query.id;
              this.getDataDetails(id);
            }
          } else {
            _this.$message.error("请求数据有问题！");
          }
        })
        .catch(err => {
          console.log(err);
        });
    },
    /** 项目执行信息获取 */
    getPostData() {
      let _this = this;
      this.$http({
        method: "get",
        url: "v1/pro/execute",
        params: {
          project_id: _this.id
          // id: 133
        }
      })
        .then(res => {
          //console.log(res, 88888);
          if (res.data.code === 200) {
            console.log(res);
            if (res.data.data.data.length != 0) {
              _this.executio = res.data.data.data[0];
              _this.jiance = res.data.data.data[0].det;
              _this.mont = res.data.data.data[0].mon;
              _this.newss = res.data.data.data[0].news;
              _this.center = res.data.data.data[0].center;
              let shili = res.data.data.data[0].probook;
              _this.shili = shili.substring(shili.lastIndexOf("/") + 1);
              let shili1 = res.data.data.data[0].fangan;
              _this.shili1 = shili1.substring(shili1.lastIndexOf("/") + 1);
              let shili2 = res.data.data.data[0].pifu;
              if (shili2) {
                _this.shili2 = shili2.substring(shili2.lastIndexOf("/") + 1);
                  _this.show1 = false
              }

              let shili3 = res.data.data.data[0].pact;
              if (shili3) {
                _this.shili3 = shili3.substring(shili3.lastIndexOf("/") + 1);
                 _this.show2 = false
              }

              let shili9 = res.data.data.data[0].center.rectifi;
              if (shili9) {
                _this.shili9 = shili9.substring(shili9.lastIndexOf("/") + 1);
                 _this.show8 = false
              }

              let shili4 = res.data.data.data[0].promise;
              if (shili4) {
                _this.shili4 = shili4.substring(shili4.lastIndexOf("/") + 1);
                 _this.show3 = false
              }

              let shili6 = res.data.data.data[0].review_my;
              if (shili6) {
                _this.review_my_url = shili6;
                _this.review_my = shili6
                  ? shili6.substring(shili6.lastIndexOf("/") + 1)
                  : "";
              }

              let shili7 = res.data.data.data[0].review_zq;
              if (shili7) {
                _this.review_zq_url = shili7;
                _this.review_zq = shili7
                  ? shili7.substring(shili7.lastIndexOf("/") + 1)
                  : "";
              }

              let shili8 = res.data.data.data[0].review_my_zq;
              if (shili8) {
                _this.review_my_zq_url = shili8;
                _this.review_my_zq = shili8
                  ? shili8.substring(shili8.lastIndexOf("/") + 1)
                  : "";
              }

              let shili5 = res.data.data.data[0].review_jx;
              if (shili5) {
                _this.review_jx_url = shili5;
                _this.review_jx = shili5
                  ? shili5.substring(shili5.lastIndexOf("/") + 1)
                  : "";
              }

              // console.log(_this.review_jx,_this.review_zq,_this.review_my,'123')

              // console.log(_this.newss, "aaaaz");
            } else {
              this.proinfo = false;
            }
          } else {
            // alert(res.data.data.msg)
          }
        })
        .catch(err => {
          console.log(err);
        });
    },
    // 项目执行信息预览
    popUp(link) {
      console.log(link);
      this.pop = !this.pop;
      this.linkData = link;
    },
    aboutUs(data) {
      console.log(data);
      this.ruleForm.decldes = data;
    },
    projectBrief(data) {
      console.log(123);
      this.ruleForm.prodes = data;
    },
    existingBasis(data) {
      this.ruleForm.prodemojc = data;
    },
    methodsWay(data) {
      this.ruleForm.prodemotj = data;
    },
    scheduling(data) {
      this.ruleForm.prodemojd = data;
    },
    desiredEffect(data) {
      this.ruleForm.prodemoxg = data;
    },
    projectAssessment(data) {
      this.ruleForm.prodemo = data;
    },
    divisionLabor(data) {
      this.ruleForm.prodemofg = data;
    },
    cover(data) {
      this.ruleForm.prodemotwo = data;
    },
    quillVal(data) {
      this.ruleForm.funds = data;
    },
    handleAvatarSuccess1(res, file) {
      if (this.bgData.status == 1 || this.bgData.status == 4) {
        this.$message.warning("已提交的的附件不能修改");
      } else {
        //console.log(res, 1002);
        let houzui = file.split(".");
        houzui = houzui[houzui.length - 1];
        // console.log(res, file);
        this.fileurl1 = res.url;
        this.filename1 = res.name;
        +"." + res.extension;
        this.ruleForm.fangan = res.url;

        if (houzui == "doc" || houzui == "docx") {
          this.imageUrl1 = "/static/img/word.png";
        } else if (houzui == "pptx" || houzui == "ppt") {
          this.imageUrl1 = "/static/img/ppt.png";
        } else if (houzui == "pdf") {
          this.imageUrl1 = "/static/img/pdf.jpg";
        } else if (houzui == "xls" || houzui == "xlsx") {
          this.imageUrl1 = "/static/img/excel.png";
        } else if (houzui == "jpg" || houzui == "jpeg" || houzui == "png") {
          this.imageUrl1 = res.url;
        } else if (houzui == "zip" || houzui == "rar") {
          this.imageUrl1 = "/static/img/zip.png";
        } else if (filetype == "txt") {
          this.imageUrl1 = "/static/img/txt.jpg";
        }

        // console.log(file);
        // var index = file.response.data.url.lastIndexOf(".");
        // var filetype = file.response.data.url.substr(index + 1);
        // this.fileurl1 = file.response.data.url;
        // // this.imageUrl1 = "/index/timg.jpg";
        // this.ruleForm.fangan = file.response.data.url;
        // this.filename1 = file.response.data.name + "." + filetype;

        // console.log(filetype);
        // if (filetype == "png" || filetype == "jpg" || filetype == "jpeg") {
        //   this.imageUrl1 = file.response.data.url;
        //   console.log(file.response.data.url);
        // } else {
        //   this.imageUrl1 = "/index/timg.jpg";
        // }
      }

      // // this.imageUrl1 = URL.createObjectURL(file.raw);
      // if (
      //   file.response.data.extension == "docx" ||
      //   file.response.data.extension == "doc"
      // ) {
      //   this.imageUrl1 = "../static/img/word.png";
      // } else if (
      //   file.response.data.extension == "xls" ||
      //   file.response.data.extension == "xlsx"
      // ) {
      //   this.imageUrl1 = "../static/img/excel.png";
      // } else if (
      //   file.response.data.extension == "pptx" ||
      //   file.response.data.extension == "ppt"
      // ) {
      //   this.imageUrl1 = "../static/img/ppt.png";
      // } else if (file.response.data.extension == "pdf") {
      //   this.imageUrl1 = "../static/img/pdf.jpg";
      // }
    },

    handleAvatarSuccess2(res, file) {
      console.log(this.bgData.status, "kkkk");
      if (this.bgData.status == 1 || this.bgData.status == 4) {
        this.$message.warning("已提交的的附件不能修改");
      } else {
        console.log(res, 1002);
        let houzui = file.split(".");
        houzui = houzui[houzui.length - 1];
        console.log(res, file);
        this.fileurl2 = res.url;
        this.filename2 = res.name;
        +"." + res.extension;
        this.ruleForm.pifu = res.url;

        if (houzui == "doc" || houzui == "docx") {
          this.imageUrl2 = "/static/img/word.png";
        } else if (houzui == "pptx" || houzui == "ppt") {
          this.imageUrl2 = "/static/img/ppt.png";
        } else if (houzui == "pdf") {
          this.imageUrl2 = "/static/img/pdf.jpg";
        } else if (houzui == "xls" || houzui == "xlsx") {
          this.imageUrl2 = "/static/img/excel.png";
        } else if (houzui == "jpg" || houzui == "jpeg" || houzui == "png") {
          this.imageUrl2 = res.url;
        } else if (houzui == "zip" || houzui == "rar") {
          this.imageUrl2 = "/static/img/zip.png";
        } else if (houzui == "txt") {
          this.imageUrl2 = "/static/img/txt.jpg";
        }

        // console.log(file);
        // var index = file.response.data.url.lastIndexOf(".");
        // var filetype = file.response.data.url.substr(index + 1);
        // this.fileurl2 = file.response.data.url;
        // // this.imageUrl2 = "/index/timg.jpg";
        // this.filename2 = file.response.data.name + "." + filetype;
        // this.ruleForm.pifu = file.response.data.url;

        // console.log(filetype);
        // if (filetype == "png" || filetype == "jpg" || filetype == "jpeg") {
        //   this.imageUrl2 = file.response.data.url;
        //   console.log(file.response.data.url);
        // } else {
        //   this.imageUrl2 = "/index/timg.jpg";
        // }
      }

      // this.imageUrl2 = URL.createObjectURL(file.raw);
      // if (
      //   file.response.data.extension == "docx" ||
      //   file.response.data.extension == "doc"
      // ) {
      //   this.imageUrl2 = "../static/img/word.png";
      // } else if (
      //   file.response.data.extension == "xls" ||
      //   file.response.data.extension == "xlsx"
      // ) {
      //   this.imageUrl2 = "../static/img/excel.png";
      // } else if (
      //   file.response.data.extension == "pptx" ||
      //   file.response.data.extension == "ppt"
      // ) {
      //   this.imageUrl2 = "../static/img/ppt.png";
      // } else if (file.response.data.extension == "pdf") {
      //   this.imageUrl2 = "../static/img/pdf.jpg";
      // }
    },
    handleAvatarSuccess3(res, file) {
      if (this.bgData.status == 1 || this.bgData.status == 4) {
        this.$message.warning("已提交的的附件不能修改");
      } else {
        console.log(res, 1002);
        let houzui = file.split(".");
        houzui = houzui[houzui.length - 1];
        console.log(res, file);
        this.fileurl3 = res.url;
        this.filename3 = res.name;
        +"." + res.extension;
        this.ruleForm.pact = res.url;

        if (houzui == "doc" || houzui == "docx") {
          this.imageUrl3 = "/static/img/word.png";
        } else if (houzui == "pptx" || houzui == "ppt") {
          this.imageUrl3 = "/static/img/ppt.png";
        } else if (houzui == "pdf") {
          this.imageUrl3 = "/static/img/pdf.jpg";
        } else if (houzui == "xls" || houzui == "xlsx") {
          this.imageUrl3 = "/static/img/excel.png";
        } else if (houzui == "jpg" || houzui == "jpeg" || houzui == "png") {
          this.imageUrl3 = res.url;
        } else if (houzui == "zip" || houzui == "rar") {
          this.imageUrl3 = "/static/img/zip.png";
        } else if (filetype == "txt") {
          this.imageUrl3 = "/static/img/txt.jpg";
        }

        //   console.log(file);
        //   var index = file.response.data.url.lastIndexOf(".");
        //   var filetype = file.response.data.url.substr(index + 1);
        //   this.fileurl3 = file.response.data.url;
        //   // this.imageUrl3 = "/index/timg.jpg";
        //   this.filename3 = file.response.data.name + "." + filetype;
        //   this.ruleForm.pact = file.response.data.url;

        //   console.log(filetype);
        //   if (filetype == "png" || filetype == "jpg" || filetype == "jpeg") {
        //     this.imageUrl3 = file.response.data.url;
        //     console.log(file.response.data.url);
        //   } else {
        //     this.imageUrl3 = "/index/timg.jpg";
        //   }
      }

      // this.imageUrl3 = URL.createObjectURL(file.raw);
      // if (
      //   file.response.data.extension == "docx" ||
      //   file.response.data.extension == "doc"
      // ) {
      //   this.imageUrl3 = "../static/img/word.png";
      // } else if (
      //   file.response.data.extension == "xls" ||
      //   file.response.data.extension == "xlsx"
      // ) {
      //   this.imageUrl3 = "../static/img/excel.png";
      // } else if (
      //   file.response.data.extension == "pptx" ||
      //   file.response.data.extension == "ppt"
      // ) {
      //   this.imageUrl3 = "../static/img/ppt.png";
      // } else if (file.response.data.extension == "pdf") {
      //   this.imageUrl3 = "../static/img/pdf.jpg";
      // }
    },
    handleAvatarSuccess4(res, file) {
      if (this.bgData.status == 1 || this.bgData.status == 4) {
        this.$message.warning("已提交的的附件不能修改");
      } else {
        console.log(res, 1002);
        let houzui = file.split(".");
        houzui = houzui[houzui.length - 1];
        console.log(res, file);
        this.fileurl4 = res.url;
        this.filename4 = res.name;
        +"." + res.extension;
        this.ruleForm.promise = res.url;

        if (houzui == "doc" || houzui == "docx") {
          this.imageUrl4 = "/static/img/word.png";
        } else if (houzui == "pptx" || houzui == "ppt") {
          this.imageUrl4 = "/static/img/ppt.png";
        } else if (houzui == "pdf") {
          this.imageUrl4 = "/static/img/pdf.jpg";
        } else if (houzui == "xls" || houzui == "xlsx") {
          this.imageUrl4 = "/static/img/excel.png";
        } else if (houzui == "jpg" || houzui == "jpeg" || houzui == "png") {
          this.imageUrl4 = res.url;
        } else if (houzui == "zip" || houzui == "rar") {
          this.imageUrl4 = "/static/img/zip.png";
        } else if (filetype == "txt") {
          this.imageUrl4 = "/static/img/txt.jpg";
        }

        // console.log(file);
        // var index = file.response.data.url.lastIndexOf(".");
        // var filetype = file.response.data.url.substr(index + 1);
        // this.fileurl4 = file.response.data.url;
        // // this.imageUrl4 = URL.createObjectURL(file.raw);
        // // this.imageUrl4 = "/index/timg.jpg";
        // this.ruleForm.promise = file.response.data.url;
        // this.filename4 = file.response.data.name + "." + filetype;

        // console.log(filetype);
        // if (filetype == "png" || filetype == "jpg" || filetype == "jpeg") {
        //   this.imageUrl4 = file.response.data.url;
        //   console.log(file.response.data.url);
        // } else {
        //   this.imageUrl4 = "/index/timg.jpg";
        // }
      }

      //   if (
      //     file.response.data.extension == "docx" ||
      //     file.response.data.extension == "doc"
      //   ) {
      //     this.imageUrl4 = "../static/img/word.png";
      //   } else if (
      //     file.response.data.extension == "xls" ||
      //     file.response.data.extension == "xlsx"
      //   ) {
      //     this.imageUrl4 = "../static/img/excel.png";
      //   } else if (
      //     file.response.data.extension == "pptx" ||
      //     file.response.data.extension == "ppt"
      //   ) {
      //     this.imageUrl4 = "../static/img/ppt.png";
      //   } else if (file.response.data.extension == "pdf") {
      //     this.imageUrl4 = "../static/img/pdf.jpg";
      //   }
      // }
    },
    delfileLists1() {
      this.fileLists1 = [];
      this.dianziurl = "";
      this.$refs.dianzi.clearFiles();
    },
    delfileLists2() {
      this.fileLists2 = [];
      this.xinweiurl = "";
      this.$refs.xinwen.clearFiles();
    }
  },
  created() {
    console.log("aaaa")
    this.ruleForm.funds =""
    this.ruleForm.prodemotwo =""
    this.ruleForm.prodemofg =""
    this.ruleForm.prodemoxg =""
    this.ruleForm.prodemojd =""
    this.ruleForm.prodemotj =""
    this.ruleForm.prodemojc =""
    this.ruleForm.prodemo =""
    this.ruleForm.prodes =""
    console.log(this.ruleForm.funds)
  },
  mounted(){
    this.id = this.$route.params.id;
    // if()
    console.log(this.$route.params, 999999);
    if (this.$route.params.mid_sub == 1) {
      this.sub = 2;
    }
    this.project_id = this.$route.query.id;
    this.getData();
    this.getPostData();
    this.getDataDetails(this.$route.query.id);
  }
};
</script>

<style lang="scss" scoped>
.wrapper /deep/ #box /deep/ form {
 margin-left: 50px;
 width: 1100px;
 /* border: 1px solid; */
 /* margin: 0 auto; */
 /* padding: 0 20px; */
 background: #fff;
}
.addN{
  display:inline-block;
  width:100px;
  text-align: left;
  padding-right: 10px;
  margin-top:5px;
}

// .wrapper /deep/ .excute_rt /deep/ a[data-v-ef9a20de]{
//   margin-right: 10px!important
// }
/deep/ .el-upload-list__item /deep/ .el-icon-close {
  // display: none !important;
}
/deep/ .el-icon-close-tip {
  display: none !important;
}
.close {
  position: relative;
  left: 150px;
  top: -10px;
  cursor: pointer;
}
.yulantext {
  font-size: 10px;
  position: absolute;
  // top: 44px;
  bottom: 26px;
  left: 288px;
  z-index: 999;
  color: #409eff;
  cursor: pointer;
}
.el-upload__tip {
  width: 300px;
  text-indent: -153px;
}
.wrapper /deep/ .el-upload-list {
  // width: 82%;
  width: 575px;
  // margin-left: 175px;
}
// .wrapper /deep/ .el-upload-list__item {
//   // width: 50%;
//   width: 575px;
// }
.wrapper /deep/ .el-upload-list__item-name {
  width: 310px;
  position: relative;
  // left: 163px;
}
// .wrapper /deep/ .el-upload-list__item /deep/ .el-icon-close-tip{
//   color: pink;
//   background-color:gold;
// }
.wrapper /deep/ .el-upload-list__item {
  // display: none !important;
  // right: 36px;
  width: 440px;
  // background-color:red;
  position: relative;
  right: 190px;
}
.yuedu {
  margin-top: 10px;
  display: flex;
  position: relative;
  left: -15px;
  label {
    width: 150px;
    margin-top: 10px;
  }
}
.d1 {
  position: relative;
  left: 6px;
  // top: 5px;
  margin: 6px 0;
}
.title1 {
  position: relative;
  right: 474px;
}
.yulan {
  margin-left: 15px !important;
}
.wrapper /deep/ th {
  height: 64px !important;
  line-height: 64px !important;
  font-size: 19px !important;
  color: #fff !important;
}
.wrapper /deep/ table td {
  height: 53px;
  line-height: 53px;
}
#wrapper {
  min-width: 1200px;
}
#one_e {
  width: 100%;
  margin-top: 27px;
  margin-bottom: 60px;
  padding-top: 27px;
}

#popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  left: 0%;
  z-index: 999;
  background-color: rgba($color: #000000, $alpha: 0.8);

  aside {
    background: #fff;
    width: 50%;
    height: 80vh;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

#preview {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  left: 0%;
  z-index: 999;

  .tc {
    width: 100%;
    height: 100%;
    background-color: rgba($color: #000, $alpha: 0.58);
    position: fixed;
    top: 0%;
    left: 0%;
    // display: none;
  }

  .tc-text {
    // width: 350px;
    // width:100%;
    padding: 30px;
    box-sizing: border-box;
    height: auto;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);

    a {
      display: inline-block;
      margin-top: 10px;
      cursor: pointer;
    }
  }
}

.fliter {
  -webkit-filter: blur(10px);
  -o-filter: blur(10px);
  -moz-filter: blur(10px);
  filter: blur(10px);
}

.wrapper {
  min-width: 1280px;
  box-sizing: border-box;

  #box {
    // margin: 40px auto 0;
    width: 1200px;
    background-color: #ffffff;
    // padding: 35px 30px 100px;
    box-sizing: border-box;
    position: relative;

    .boxx {
      // margin-top: 68px;
      // width: 85%;
      width: 100%;
      margin-left: 27px;
      box-sizing: border-box;

      .one-e {
        width: 955px;
        margin-top: 27px;
        margin-bottom: 60px;
        margin-left: 46px;
        p {
          // font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 39px;
          letter-spacing: 0px;
          color: #666666;
          margin-left: 32px;
        }

        span {
          font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 39px;
          letter-spacing: 0px;
          color: #7471ef;
        }
      }

      .one-o {
        width: 100%;
        display: flex;
        justify-content: center;
        // align-items: center;
        margin-top: 30px;
        margin-bottom: 60px;
        // margin-left: -71px;

        .el-upload-list {
          // margin-left: 150px;
        }
        ul {
          width: 321px;
          min-height: 674px;
          box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.15);
          border-radius: 5px;
          padding: 30px 0 0 20px;
          box-sizing: border-box;
          margin-right: 56px;

          li {
            font-family: "MicrosoftYaHei";
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            line-height: 40px;
            // margin-bottom: 28px;
            color: #333333;
          }
        }
      }
      h3 {
        font-family: "MicrosoftYaHei";
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
      }
      h4 {
        margin-top: 38px;
        font-family: "MicrosoftYaHei";
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
        position: relative;
        right: -39px;
      }
      h5 {
        margin-top: 38px;
        font-family: "MicrosoftYaHei";
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
        margin-left: 50px;
      }
    }

    .bobb {
      margin-top: 110px;
      width: 100%;
      height: 974px;
      padding: 0 40px 0 11px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      .left {
        width: 419px;
        height: 974px;
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
        margin-bottom: 163px;
        .time {
          width: 120px;
          height: 734px;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: flex-end;
          margin-top: 72px;

          .span {
            display: inline-block;
            width: 119px;
            height: 18px;
            font-family: "MicrosoftYaHei";
            font-size: 22px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
          }
        }

        .jdt {
          width: 32px;
          height: 780px;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: center;
          position: relative;
          top: 120px;

          .sx0 {
            width: 3px;
            height: 48px;
            margin-left: 14px;
          }

          .sx1 {
            width: 3px;
            height: 61px;
            margin-left: 14px;
          }

          .wzx {
            width: 20px;
            height: 21px;
          }

          .zx {
            width: 20px;
            height: 21px;
          }
        }

        .bb {
          margin-top: 65px;
          width: 180px;
          height: 891px;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: flex-start;

          .o {
            padding-left: 5px;
            box-sizing: border-box;
            width: 170px;
            height: 36px;
            position: relative;
            top: -25px;
            border-bottom: 2px solid #b0c3cd;

            img {
              width: 10px;
              height: 10px;
              position: absolute;
              right: 0%;
              bottom: -16%;
            }
          }

          div {
            padding-left: 5px;
            box-sizing: border-box;
            width: 100%;
            height: 36px;
            position: relative;
            border-bottom: 2px solid #b0c3cd;

            img {
              width: 10px;
              height: 10px;
              position: absolute;
              right: 0%;
              bottom: -16%;
            }

            section {
              display: flex;
              justify-content: space-between;
              align-items: flex-start;
              width: 132%;
              font-weight: normal;
              font-stretch: normal;
              letter-spacing: 0px;
              font-family: "MicrosoftYaHei";
              position: absolute;
              left: -8%;
              bottom: -100%;
              white-space: nowrap;
            }
          }

          span {
            display: inline-block;
            width: 135px;
            height: 22px;
            text-align: center;
            line-height: 22px;
            font-family: "MicrosoftYaHei";
            font-size: 15px;
            font-weight: bold;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
          }
        }
      }
      .newButton {
        position: absolute;
        top: 0;
        right: 300px;
        z-index: 999;
        top: -80px;
        .newBtn {
          height: 45px;
          width: 150px;
          background: #e60012;
          color: #fff;
          border: none;
          font-weight: bold;
          border-radius: 10px;
        }
      }
      .right {
        // padding: 35px 30px;
        box-sizing: border-box;
        width: 535px;
        height: 1000px;
        position: relative;
        z-index: 0;
        bottom: 40px;
        // box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.15);
        // border-radius: 10px;
        img {
          width: 100% !important;
          height: 100% !important;
        }
        ul {
          margin-top: 48px;

          li {
            font-family: "MicrosoftYaHei";
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 48px;
            letter-spacing: 0px;
            color: #666666;
          }
          .xd {
            width: 343px;
            height: 472px;
          }
        }

        p {
          text-align: center;
          width: 100%;
          font-family: "MicrosoftYaHei";
          font-size: 24px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 31px;
          letter-spacing: 0px;
          color: #333333;
        }
      }
    }

    .img {
      width: 119px;
      height: 95px;
      position: absolute;
      right: 0%;
      top: 1%;
      img {
        width: 119px;
        height: 95px;
      }
    }

    .top {
      width: 1160px;
      height: 67px;
      line-height: 67px;
      border-bottom: 1px solid #ccc;
      padding-left: 12px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .daochu {
        width: 96px;
        height: 32px;
        cursor: pointer;
        background-image: linear-gradient(
            69deg,
            #cc263f 0%,
            #f42b47 100%,
            #ed162d 100%,
            #e60012 100%
          ),
          linear-gradient(#e60012, #e60012);
        background-blend-mode: normal, normal;
        border-radius: 66px;
        font-family: "MicrosoftYaHei";
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 32px;
        text-align: center;
        letter-spacing: 0px;
        color: #ffffff;
      }

      .span {
        span {
          margin-right: 40px;
          display: inline-block;
          width: 120px;
          height: 38px;
          text-align: center;
          font-family: "MicrosoftYaHei";
          font-size: 20px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #333333;
        }

        .style {
          color: #e60012;
          position: relative;
          &::after {
            content: "";
            width: 120px;
            height: 2px;
            background-color: #e60012;
            position: absolute;
            bottom: -31px;
            left: 0%;
          }
        }
      }
    }
  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409eff;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 96px;
    line-height: 80px;
    text-align: center;
    border: 1.5px dashed #666;
    margin-left: 30px;
    margin-top: 2px;
  }
  .avatar {
    width: 100px !important;
    height: 96px !important;
    margin-left: 21px;
    display: block;
  }
  .excuteBox {
    // border: 1px solid red;
    width: 100%;
    height: 800px;
  }
  .excute_list {
    float: left;
  }
  .excute_list li {
    font-size: 18px;
    line-height: 50px;
    color: #333;
  }
  .excute_rt li {
    line-height: 49px;
    color: #666666;
  }
  .excute_rt {
    // border:1px solid red;
    margin-left: 129px;
    // float: left;
  }
  .excute_rt span {
    padding-right: 10px;
    font-size: 14px;
    color: #7471ef;
  }
  .excute_rt a {
    font-size: 14px;
    color: #7471ef;
  }
  .excute_tab {
    clear: both;
    width: 90%;
    margin: 0 auto;
    padding-top: 40px;
    // border: 1px solid green;
  }
  /deep/ .el-button--primary {
    border: none;
    cursor: pointer;
    margin-right: 20px;
    height: 30px;
    border-radius: 4px;
    background-image: linear-gradient(
        69deg,
        #cc263f 0%,
        #f42b47 100%,
        #ed162d 100%,
        #e60012 100%
      ),
      linear-gradient(#e60012, #e60012);
    font-family: "MicrosoftYaHei";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
  }
  .caption {
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #dedede;
    margin-top: 76px;
    margin-bottom: 30px;
    padding-left: 30px;
    box-sizing: border-box;
    position: relative;
    span {
      display: inline-block;
      height: 38px;
      text-align: center;
      font-family: "MicrosoftYaHei";
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #333333;
      margin-right: 49px;
    }
    span.active {
      border-bottom: 2px solid #7471ef;
    }
    .speed_box {
      position: absolute;
      right: 10px;
      top: 10px;
    }
    .speed_box a {
      color: #7471ef;
      font-size: 16px;
    }
  }
  th {
    line-height: 40px;
    text-align: center;
    height: 40px;
    font-family: "MicrosoftYaHei";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    // background-color: rgba(247, 247, 247, 1);
    background: #a3a3a3;
    box-sizing: border-box;

    &:nth-of-type(1) {
      width: 200px;
    }
    &:nth-of-type(2) {
      width: 250px;
    }
    &:nth-of-type(3) {
      width: 200px;
    }
    &:nth-of-type(4) {
      width: 200px;
    }
    &:nth-of-type(5) {
      width: 180px;
    }
  }
  .statistics {
    height: 258px;
    overflow-y: auto;
    td {
      border: 1px solid #eee !important;
      vertical-align: middle;
    }
  }
  .on {
    background-color: #fff;
  }
  .off {
    background-color: #f7f7f7;
    // background: #a3a3a3;
  }
  .off td {
  }
  .monitor {
    th {
      width: 252px;
      border: 2px solid #d7d3d3;
    }
    td {
      width: 260px;
      border: 2px solid #d7d3d3 !important;
      vertical-align: middle;
    }
  }
  .news_release {
    height: 10000px;
    td {
      border: none !important;
      vertical-align: middle;
    }
  }
  .footer {
    width: 100% !important;
    margin-top: 80px;
    position: relative;
  }
  label {
    margin-left: 16px;
    font-family: "MicrosoftYaHei";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #333333;
    text-align: right;
    display: inline-block;
  }
  input {
    box-sizing: border-box;
    width: 33.8%;
    height: 35px;
    background-color: #ffffff;
    border: solid 1px #c7c7c7;
    outline: none;
    // margin-left: 35px;
    margin-bottom: 15px;
    font-family: "MicrosoftYaHei";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #323232;
    // margin-right: 35px;
  }
}
select {
  box-sizing: border-box;
  width: 33.8%;
  height: 35px;
  background-color: #ffffff;
  border: solid 1px #c7c7c7;
  outline: none;
  margin-left: 35px;
  margin-bottom: 15px;
  font-family: "MicrosoftYaHei";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #323232;
  margin-right: 35px;
}

.mid_box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;

  .avatar-uploader {
    margin-right: 40px;
  }
}
.rich {
  z-index: 10;
  width: 100%;
  margin: 30px 0px;
  height: 320px;
}
.img-img {
  margin-top: 25px;
  width: 150px;
  height: auto;

  &::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
}
.wrapper {
  min-width: 1300px;
  // padding: 30px;
  box-sizing: border-box;

  .queren {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    background-color: rgba($color: #000, $alpha: 0.56);
    display: flex;
    align-items: center;
    justify-content: center;

    & > div {
      width: 500px;
      height: 400px;
      background: #fff;
      border-radius: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0 100px 0 100px;
      box-sizing: border-box;

      & > span {
        text-align: center;
        width: 120%;
        color: #000;
      }

      & > p {
        font-size: 32px;
        font-weight: 600;
        width: 258px;
      }

      & > div {
        width: 100%;
        padding: 32px;
        box-sizing: border-box;
        margin: 20px auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;

        span {
          font-size: 30px;
          cursor: pointer;
        }
      }
    }
  }

  #box {
    // margin: 40px auto 0;
    // padding: 34px 32px 100px 28px;
    box-sizing: border-box;
    width: 1200px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: 12px;

    form {
      width: 1100px;
      // margin: 0 auto;
      margin-left:50px;
      // padding: 0 20px;
      background: white;
      .ll {
        margin-top: 80px;
        // margin-left: -94px;
        padding-bottom: 100px;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;

        button[type="button"] {
          margin-right: 152px;
          width: 197px;
          height: 63px;
          background-color: #ff9800;
          border-radius: 5px;
          font-family: "MicrosoftYaHei";
          font-size: 26px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 63px;
          letter-spacing: 0px;
          color: #ffffff;
          text-align: center;
          outline: none;
          border: 0;
        }

        button[type="submit"] {
          width: 197px;
          height: 63px;
          background-color: #e60012;
          border-radius: 5px;
          font-family: "MicrosoftYaHei";
          font-size: 26px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 63px;
          text-align: center;
          letter-spacing: 0px;
          color: #ffffff;
          outline: none;
          border: 0;
        }
      }

      .xxx {
        margin-top: 60px;
        width: 100%;
        // height: 72px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;

        .plpl {
          display: flex;
          align-items: center;
          label {
            margin-left: 16px;
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 25px;
            letter-spacing: 0px;
            color: #323232;
          }

          .iconfont {
            font-size: 22px;
            color: #999;
          }
          .ic {
            color: #e60012;
          }
        }

        .xxxx {
          margin: 10px;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          // overflow: auto;
          width: 394px;
          position: relative;
          /deep/ .el-upload-list {
            margin-left: 178px;
          }
          span {
            display: inline-block;
            height: 32px;
            line-height: 32px;
            text-align: center;
            margin-left: 25px;
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #000;
          }

          /deep/ .upload-demo {
            margin-bottom: 10%;
            width: 200px;
          }

          /deep/ .el-button--primary {
            margin-top: 3px;
            border: none;
            cursor: pointer;
            width: 96px;
            height: 32px;
            border-radius: 4px;
            background-image: linear-gradient(
                69deg,
                #cc263f 0%,
                #f42b47 100%,
                #ed162d 100%,
                #e60012 100%
              ),
              linear-gradient(#e60012, #e60012);
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #ffffff;
          }

          /deep/ .el-upload-list.el-upload-list--text {
            max-height: 100px;
            // width: 353px;

            // overflow-y: scroll;

            &::-webkit-scrollbar {
              width: 3px;
              // height: 5px;
            }

            &::-webkit-scrollbar-track-piece {
              background-color: rgba(0, 0, 0, 0.2);
              -webkit-border-radius: 6px;
              border-radius: 6px;
            }

            &::-webkit-scrollbar-thumb:vertical {
              height: 5px;
              background-color: rgba(125, 125, 125, 0.7);
              -webkit-border-radius: 6px;
              border-radius: 6px;
            }

            &::-webkit-scrollbar-thumb:horizontal {
              width: 5px;
              background-color: rgba(125, 125, 125, 0.7);
              -webkit-border-radius: 6px;
              border-radius: 6px;
            }
          }
        }

        .btnn {
          cursor: pointer;
          width: 96px;
          height: 32px;
          background-image: linear-gradient(
              69deg,
              #cc263f 0%,
              #f42b47 100%,
              #ed162d 100%,
              #e60012 100%
            ),
            linear-gradient(#e60012, #e60012);
          background-blend-mode: normal, normal;
          border-radius: 4px;
          display: flex;
          justify-content: center;
          align-items: center;

          label {
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #ffffff;
          }
        }
      }

      .xx {
        margin-top: 60px;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;

        textarea {
          margin-top: 30px;
          width: 1139px;
          height: 138px;
          background-color: #ffffff;
          border: solid 1px #c7c7c7;
          resize: none !important;

          font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 39px;
          letter-spacing: 0px;
          color: #999999;
        }

        article {
          font-family: "MicrosoftYaHei";
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 39px;
          letter-spacing: 0px;
          color: #999;
        }

        p {
          margin-top: 38px;
          font-family: "MicrosoftYaHei";
          font-size: 20px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #333333;
        }

        h5 {
          width: 100%;
          font-family: "MicrosoftYaHei";
          font-size: 20px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #333333;
        }

        h3 {
          width: 100%;
          font-family: "MicrosoftYaHei";
          font-size: 20px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #333333;
          margin-top: 38px;
        }
      }

      .cc {
        width: 1140px;
        margin: 0 auto 0px;
        aside {
          width: 100%;
          height: 43px;
          right: -7px;
          div {
            display: flex;
            align-items: center;

            label {
              display: inline-block;
              // width: 101px;
              height: 43px;
              font-family: "MicrosoftYaHei";
              font-size: 16px;
              font-weight: normal;
              font-stretch: normal;
              line-height: 43px;
              text-align: right;
              letter-spacing: 0px;
              color: #323232;
              white-space: nowrap;
            }

            .i-i {
              width: 1009px;
              height: 43px;
              background-color: #ffffff;
              border: solid 1px #c7c7c7;
              outline: none;
              margin-left: 20px;
              font-family: "MicrosoftYaHei";
              font-size: 18px;
              font-weight: normal;
              font-stretch: normal;
              letter-spacing: 0px;
              color: #323232;
            }
          }
        }
      }

      .btn {
        margin: 60px auto 0;
        width: 230px;
        height: 63px;
        background-color: #e60012;
        border-radius: 5px;
        font-family: "MicrosoftYaHei";
        font-size: 26px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 63px;
        letter-spacing: 0px;
        text-align: center;
        color: #ffffff;
      }

      aside {
        width: 1138px;
        height: 43px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        position: relative;
        right: 69px label {
          display: inline-block;
          width: 130px;
          height: 43px;
          font-family: "MicrosoftYaHei";
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 43px;
          text-align: right;
          letter-spacing: 0px;
          color: #323232;
          white-space: nowrap;
        }

        select {
          /* 清除默认的箭头样式 */
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          /* 右侧添加小箭头的背景图 */
          background: url("../../../static/img/xa.png") 360px center no-repeat;
          background-size: 14px 8px;
          width: 386px;
          height: 43px;
          background-color: #ffffff;
          border: solid 1px #c7c7c7;
          // padding-left: 83px;
          box-sizing: border-box;
          outline: none;
          margin-left: 20px;
          font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #323232;
        }

        input {
          box-sizing: border-box;
          width: 386px;
          height: 43px;
          background-color: #ffffff;
          border: solid 1px #c7c7c7;
          outline: none;
          margin-left: 20px;
          font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #323232;
        }

        .i {
          width: 151px;
          height: 43px;
          background-color: #ffffff;
          border: solid 1px #c7c7c7;
          outline: none;
          margin-left: 20px;
          font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #323232;
        }
      }

      section {
        width: 1138px;
        height: 43px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 65px;

        label {
          display: inline-block;
          width: 100px;
          height: 43px;
          font-family: "MicrosoftYaHei";
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 43px;
          text-align: right;
          letter-spacing: 0px;
          color: #323232;
          white-space: nowrap;
        }

        select {
          /* 清除默认的箭头样式 */
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          /* 右侧添加小箭头的背景图 */
          background: url("../../../static/img/xa.png") 360px center no-repeat;
          background-size: 14px 8px;
          width: 386px;
          height: 43px;
          background-color: #ffffff;
          border: solid 1px #c7c7c7;
          // padding-left: 83px;
          box-sizing: border-box;
          outline: none;
          margin-left: 20px;
          font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #323232;
        }

        input {
          box-sizing: border-box;
          width: 386px;
          height: 43px;
          background-color: #ffffff;
          border: solid 1px #c7c7c7;
          outline: none;
          margin-left: 20px;
          font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #323232;
        }

        .i {
          width: 151px;
          height: 43px;
          background-color: #ffffff;
          border: solid 1px #c7c7c7;
          outline: none;
          margin-left: 20px;
          font-family: "MicrosoftYaHei";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #323232;
        }
      }

      h4 {
        width: 1138px;
        height: 38px;
        font-family: "MicrosoftYaHei";
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
        padding-left: 30px;
        box-sizing: border-box;
        border-bottom: 1px solid #ccc;
        margin-bottom: 54px;
      }
    }

    .box {
      width: 395px;
      height: 34px;
      margin: 44px auto 70px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      div {
        width: 192px;
        height: 34px;
        background-size: 100% 100%;
        font-family: "MicrosoftYaHei";
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0px;
        color: #333333;
      }

      .color {
        color: #fff;
      }
    }

    h3 {
      width: 215px;
      height: 23px;
      margin: 0 auto;
      font-family: "MicrosoftYaHei";
      font-size: 22px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #333333;
    }
  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409eff;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 96px;
    line-height: 100px;
    text-align: center;
    border: 1.5px dashed #666;
  }
  .avatar {
    // width: 178px;
    // height: 178px;
    width: 103px;
    height: 103px;
  }
  .mid_box {
    flex-direction: row;
  }
  .footer {
    width: 100%;
    margin-top: 80px;
  }
}
.box1 {
  width: 127px;
  font-size: 15px;
  margin-top: 20px;
  // margin-left: 29px;
  word-wrap: break-word;
  margin-right: 35px;
  white-space: nowrap;
}
/deep/ .el-dialog__header {
  background: linear-gradient(
      69deg,
      #cc263f,
      #f42b47 100%,
      #ed162d 0,
      #e60012 0
    ),
    linear-gradient(#e60012, #e60012) !important;
}
</style>
